Cara memasang buku tamu tersembunyi di Blog

Halo Sobat SYKC. kali ini saya akan berbagi kepada kalian bagaimana sih cara memasang buku tamu atau yang sering disebut Guest Book. Dengan adanya buku tamu para pengunjung blog sobat akan merasa lebih nyaman karna dapat berchatting dengan sobat lain yang sedang mengunjungi blog sobat. Maksud dari  tersembunyi disini bukanlah buku tamu yang tidak bisa dilihat oleh pengujung, tetapi buku tamu ini akan berada di sebelah artikel blog yang akan terbuka jika ada yang klik gambar buku tamu tersebut. Langkah ini merupakan salah satu langkah dalam menghemat tempat di blog kita.  Jika anda tertarik untuk membuat buku tamu tersembunyi ini ,

Contohnya:

Silahkan ikuti langkah berikut. Sebelum anda membuat buku tamu di blog sobat yang harus sobat lakukan adalah mempunyai code yang
dimiliki oleh buku tamu tersebut, dengan cara membuat pada layanan jasa pada web. Sekarang banyak penyedia jasa untuk membuat code buku tamu seperti :  Shoutbox, Cbox, atau Shoutmix. Disini sobat di haruskan untuk mendaftar terlebih dahulu kepada web penyedia. Setelah sobat memiliki code buku tamu tersebut, lanjut ke langkah berikut:

1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML
6.Lalu Copy code berikut dan Pastekan Pada kotak HTML

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKV4_UwafC-TDEzMwRcYEYhYa0LA5ZNSx9NunlHUn8Z15kXCsIy_3OMFb9I7Wtew8HLQDg4HFlm8Ffl1odakyYXDpefXvH2VUpojLkpOsPAcpv8EWjq_nh4ZRqThd7WxRd4DAeNJ5_IVGQ/') 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"> < Letakkan disini kode Buku tamu Sobat> <div style="text-align:right"> <a href="http://segalayangkaucari.blogspot.com/2012/07/cara-memasang-buku-tamu-tersembunyi-di.html"> [SYKC.blog] </a>|<a href="javascript:showHideGB()"> [tutup] </a> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div>

    Ganti tulisan  < Letakkan disini kode Buku tamu Sobat >  dengan code Buku tamu sobat

7.Save Widget tersebut.

Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing. Demikianlah cara memasang buku tamu tersembunyi ini, semoga bermanfaat.

 Gua Lempar