Cara Membuat Buku Tamu Auto Hide Keren Di Blog

Caranya :

  1. Buat akun dulu di cbox dan login dengan akun anda tadi
  2. Pilih menu Publish!
  3. Klik Copy to clipboard dan paste di notepad/gedit
  4. Login ke blogger
  5. Pilih Tata Letak
  6. Kemudian klik tambahkan gadget dan pilih HTML/JavaScript
  7. Masukkan kode di bawah ini :
  8. <style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('http://2.bp.blogspot.com/-RWAEWq5USTU/UY5w25G8QfI/AAAAAAAAAFQ/udB4r9aenMA/s1600/chatbox.png') no-repeat; } .gbcontent { float:left; border:1px solid #000000; -moz-border-radius-bottomleft:5px; -webkit-border-radius-bottomleft:5px; -o-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; background: #F2F2F2; url() no-repeat bottom; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);} }</script> <div id="gb"> <div class="gbtab" onmouseover="showHideGB()"> </div> <div class="gbcontent"> <center> <!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=4137964&amp;boxtag=nq1w2e&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4137964" style="border:#ababab 1px solid;" id="cboxmain4-4137964"></iframe></div> <div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4137964&amp;boxtag=nq1w2e&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4137964" style="border:#ababab 1px solid;border-top:0px" id="cboxform4-4137964"></iframe></div> </div> <!-- END CBOX --> <br /> <div style="text-align:center"> <span style="float:right; color:#000000;">Get this <a target="_blank" href="http://varozi.blogspot.com/2013/05/cara-membuat-buku-tamu-keren-di-blog.html"> widget! </a></span> </div> </center></div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script> </div>
  9. Ganti kode yang berwarna biru dengan kode buku tamu milik anda sendiri di notepad/gedit anda tadi
  10. Simpan gadget anda
  11. Untuk demo sudah saya terapkan di blog saya ini
Semoga bermanfaat, selamat mencoba...


Related Post:

10 komentar:

Sansan Sensen mengatakan...

makasih ya atas tutorialnya hhehe
keep blogging :)

al varo mengatakan...

@Sansan Sensen : makasih kembali sansan...
semoga bermanfaat ya...
Sip dah...keep blogging juga buat kamu...
makasih banget uda mampir kesini...

Kharisma Adzana mengatakan...

terima kasih atas tutorialnya gan :)
scriptnya saya simpan dulu :D

al varo mengatakan...

@Kharisma Adzana : terima kasih kembali gan...
semoga bermanfaat...
Makasih banget sudah mampir kesini..
monggo lihat-lihat posting menarik lainnya...

http://www.slamdebt.com/ mengatakan...

Makasih gan tutorialnya

sudarto games mengatakan...

sip...kunbal gan

Dimas Galih mengatakan...

gan , punya saya buku tamunya saat pertama masuk ke blog , buku tamunya ada di tengah ??
kok gak di samping, itu yang salah apa ya ??

di lihat ya gan => http://dgalpoenya.blogspot.com

al varo mengatakan...

@http://www.slamdebt.com/ : terima kasih kembali gan..semoga bermanfaat..
@sudarto games : iya gan semoga bermanfaat..
@Dimas Galih : harusnya ada di samping gan, cz pengaturan letaknya ada di samping kanan atas..

Terima kasih sudah mampir kesini..
monggo lihat-lihat posting menarik lainnya...

NUSANTARAPOKER.COM AGEN TEXAS POKER DAN DOMINO ONLINE TANPA ROBOT TERPERCAYA mengatakan...

Keren tipsnya gan, thanks udah berbagi.

Yoel mengatakan...

terimakasih gan.. blog saya lebih baik sekarang . kunjungi juga ya http://catatanwongkreatif.blogspot.com

TULISKAN KOMENTAR ANDA DISINI...
» Berkomentarlah dengan bahasa yang baik. Blog ini menerima segala jenis komentar, saran, kritik dan pertanyaan, dimohon tidak spam ya. Apabila tidak sesuai dengan ketentuan yang ada, maka komentar tidak akan di tampilkan.
Demikian atas kerjasamanya saya ucapkan terima kasih, Salam Blogger !!!

 
Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS