» » Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog

Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog

Ditulis oleh: -
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.

Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog

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><!-- 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://www6.cbox.ws/box/?boxid=759055&amp;boxtag=90066b&amp;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&amp;boxtag=90066b&amp;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><!-- END CBOX --><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. :)

Ditulis Oleh : Unknown ~ Tips and Trick, Download, Widget and Gadget, and Other Article

Fahrur Rozi18 Sobat sedang membaca artikel tentang Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Terima kasih.

:: Get this widget ! ::

Artikel terkait :

3komentar:

Silahkan Menjalin Silaturahmi dengan Berkomentar
Harus diingat ! :
1. Dilarang berkomentar dengan Kata-kata Kasar/Kotor.
2. Dilarang berkomentar SPAM dan Memasang Link Aktif.
3. Komentar dengan Link Aktif akan dihapus sesegera mungkin.
4. Berkomentarlah sesuai Topik/Artikel.
5. Berkomentarlah dengan Sopan.
6. Sobat diperbolehkan Copy-Paste artikel namun jangan lupa untuk menyertakan link sumbernya.

Tulislah Setiap kata dengan penuh makna Kesopanan.
Salam dari saya FahrurRozi18.