Post Game: Cara Membuat Buku Tamu Guestbook Auto Hide di Blog

Tuesday, November 29, 2016

Cara Membuat Buku Tamu Guestbook Auto Hide di Blog

Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog- Selamat malam sobat blogger !!! Setelah sebelumnya aq telah memposting artikel tentang Cara mendaftar di Cbox, kali ini aq akan memposting artikel tentang Cara membuat buku tamu auto show / hide di blog seperti di sidebar blog fahrurrozi18 ini.

Auto hide Shoutbox ini adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di sorot cursor mouse ), hanya beda sedikit dengan buku tamu show / hide. Jika Sobat tertarik memasang widget ini, silahkan ikuti langkah-langkah di bawah ini ya.

Login ke akun blogger.com sobat.
Pada dashboard blogger, klik Tata letak => Tambah gadget.
Pilih HTML/Javascript.
Copy kode dibawah ini, lalu letakkan di kotak widget.

<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://i1108.photobucket.com/albums/h405/christian410/ghtrf.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><div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" width="200" height="305" src="http://www6.cbox.ws/box/?boxid=759055&boxtag=90066b&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-759055" style="border:#ababab 1px solid;" id="cboxmain6-759055"></iframe></div><div><iframe frameborder="0" width="200" height="75" src="http://www6.cbox.ws/box/?boxid=759055&boxtag=90066b&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-759055" style="border:#ababab 1px solid;border-top:0px" id="cboxform6-759055"></iframe></div></div><br /><div style="text-align:center"><span style="float:right; color:#000000;">Get this <a target="_blank" href="http://fahrurrozi18.blogspot.com/2013/11/cara-membuat-buku-tamu-guestbook-auto.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>

Kalau sudah, Klik Save.

Catatan :

Silahkan sobat Ganti kode yang berwara Merah dengan kode buku tamu milik sobat sendiri. Jika Sobat belum mempunyai kode buku tamu, silahkan sobat buat terlebih dahulu di Cbox atau situs yang lainnya.
Untuk tutorial mendaftar di Cbox, bisa sobat lihat disini.

Sekian dulu ya, tutorial dariku kali ini mengenai Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog. Semoga bermanfaat. :)

Go to link Download