Cara membuat Buku tamu di Sisi kiri Blog terbaru.

Bookmark and Share

                                                                                              Farhan Share -  Guest Book, ya pastinya gadget yang satu ini akan menambah cantik dan menarik jika di pasang di Blog/Web, Sekarang saya mau nge-share tentang Cara membuat buku tamu/Guest Book di Blog/Web, widget ini juga tentunya membuat blog kita lebih Friendly, karena dengan guest Book ini kita bisa menghubungkan satu visitor dengan visitor lain-nya. selain itu juga kita bisa berhubungan dengan para visitor blog kita, untuk memberikan saran, dan komentar. ini dia langkah-langkahnya 

1. Login ke Blogger.

2. Pilih Tata Letak

3. Pilih "Add Gadget"

4. Pilih Gadget "HTML/JavaScript".

5. Setelah itu Copy Paste-kan Code di bawah ini ke dalam box yang berisi "konten".

<!-- left hidden chatbox by http://speedy-indonesia-08.blogspot.com START -->
 <style> #hcl { position:fixed; top:135px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('http://4.bp.blogspot.com/-QeIqNLnXWMA/TeRYvdo7uoI/AAAAAAAAAYw/aICum56VfYk/s1600/buku-4.png') no-repeat; } .hclcontent { float:left; border:4px solid #5F9EA0; background:#F5F5F5; padding:3px; } .hc-credit {font-size:9px}
 .hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent"> 

<-------------isikan dengan HTML Chat Box/Buku tamu anda-------------->

<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href="http://farhanshare.blogspot.com">
                  Farhan Share
              </a>
          </div>


<br /> <div class="hc-credit"> <span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->  </span> <span style="float:right"> <a href="javascript:showHidehcl()">  </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div>   <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script> <!-- left hidden chatbox by http://speedy-indonesia-08.blogspot.com END --></div>

Sumber: http://farhanshare.blogspot.com#ixzz1soPW7l7N

Keterangan : tulisan yang berwarna merah ganti dengan HTML chat box/buku tamu anda.
cara mendapatkan HTML buku tamu anda bisa masuk ke www.cbox.ws, registrasi, lalu design buku tamu/chat box anda, dan copy code HTMLnya, lalu ganti tulisan yang berwarna merah tadi menjadi HTML yang anda dapatkan di www.cbox.ws tadi.

Ini dia hasilnya :

6. Klik "Save" dan selesai.

Selamat mencoba, bila ada pertanyaan comment di bawah. 





{ 0 komentar... Views All / Send Comment! }

Poskan Komentar