Monday, March 25, 2013

cara membuat buku tamu melayang di blogspot

By Sahrudin   Posted at  11:15 PM   cara membuat 1 comment


Sebelum membuat buku tamu melayang di blogspot, yang perlu diketahui mengapa di dalam blog perlu adanya buku tamu. melalui buku tamu, pengunjung dapat berinteraksi kepada pemilik blog dan pengunjung lainnya. adapun langkah-langkah yang harus diikuti dalam  membuat buku tamu melayang di blogspot yaitu :
  1. Daftar di website Cbox  untuk mendapatkan kode javascript/html buku tamu , Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cb
  2. Setelah login, edit sendiri buku tamu pada Cbox anda sesuai keinginan.
  3. Copas Kode javascript/html

dan Langkah berikutnya Copy-Paste HTML dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Silakan Paste kan
javascript/html yang telah anda buat di cbox disini

<div style="text-align:right">
<a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Cara memasang kode javascript/html di blogspot
  1. Masuk akun blogger anda
  2. Kemudian pilih tata letak
  3. dilanjutkan Add gadget atau Tambah gadget
  4. Masukkan javascript/html diatas dan ganti tulisan yang berwarna merah dengan  javascript/html cbox anda buat
  5. terakhir jangan lupa di simpan

Mudahkan !!!


Baca juga info berikut ini ya, Beli property tanpa uang dan tanpa KPR dari <a href="http://jx18.blogspot.com/2013/07/cipto-junaedy-cara-dahsyat-beli.html/">Cipto Junaedy</a>

Berkunjung ke blog anda....Baca juga info berikut ini ya,  <a href="http://sriudin.com/">Education Blog</a>

About the Author

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.
View all posts by: BT9

1 comment:

  1. Bapak Cipto Junaedy sang penulis buku mega best seller http://jx18.blogspot.com/2013/07/cipto-junaedy-cara-dahsyat-beli.html

    ReplyDelete

Back to top ↑
Connect with Us

What they says

© 2013 BLOG SI PALUI. WP Mythemeshop Converted by Bloggertheme9
Blogger templates. Proudly Powered by Blogger.