Home » , , , » Membuat Guest Book/Buku Tamu Muncul Dari Samping Halaman

Membuat Guest Book/Buku Tamu Muncul Dari Samping Halaman

Guest Book adalah salah satu cara agar pengunjung lebih komunikatif dengan blog kita, agar pengunjung blog anda bisa meninggalkan jejak dengan cara meninggalkan pesan pada guest book tersebut. Pada posting kali ini saya akan memberikan tutorila mengenai "cara membuat Guest Book yang keluar dari samping" contohnya seperti Guest Book di blog ini.

Syaratnya anda harus mempunyai script C-box. Jika belum mempunyai, silahkan anda membuatnya di website ini.

oke kalau sobat sudah memiliki chat box atau shout mix
silahkan ikuti tuutorial berikut ini

  • masuk ke blogger

  • Masuk Rancangan ->  add gadget-> pilih HTML/java script

  • copy paste code berikut dan taruh di kotak HTML/javascript

<!-- Mulai Hidden Widget -->
<style type="text/css">
.rifaldhi_fixed{
position:fixed;
top:150px; /*jarak dari atas*/
left:0px;
z-index:+1000;
}
* html .rifaldhi_fixed {position:relative;}
#hidden_rifaldhi {
display:none;
border:2px solid #616258; /*ketebalan dan warna kotak*/
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
background:#f1f1ea; /*warna latar*/
padding:3px 10px 0px 10px;
}
</style>
<div class="rifaldhi_fixed">
<table id="hidden_rifaldhi" cellpadding="0" cellspacing="0">
<tr><td>
<!-- Gambar Atas -->
<div style="text-float:right"><a href="javascript:void(0)" onclick="rifaldhi_showHiderifaldhi()" title="Close/Tutup"><img style="border:0px; width:300; height:auto;" alt="Guestbook" src="http://i50.tinypic.com/2im9m6p.png" /></a></div>

MASUKKAN KODE WIDGET CBOX DISINI

<br/>
<script type="text/javascript" src="http://bukutamu-zies-name.googlecode.com/files/bukutamu-zies-name.js"></script>
</td></tr></table></div>
<!-- Gambar Samping -->
<div style="z-index:+5" class="rifaldhi_fixed">
<a href="javascript:void(0)" onmouseover="rifaldhi_showHiderifaldhi()">
<img style="border:0px;" src="http://lh4.ggpht.com/_1j80TgNqd_8/TS3MlHxaygI/AAAAAAAABVo/P36anu_ToeA/s128/guestbook.png" /></a>
</div>
<!-- Selesai Hidden Widget -->

kemudian save

Sudah selesai. coba buka blog anda dan lihat hasilnya...makasih atas kunjunganya, jangan lupa untuk berkomentar oke. :)
~Good luck~

Share this article :

+ komentar + 3 komentar

Anonim
4:24 AM

trimakasih infonya sob...salam..

Sama2 mas bro.. mampir lagi ya..

3:29 PM

Mantab om ijin coba
http://nothmarhiel.blogspot.com

Posting Komentar