Cara membuat buku tamu di blog muncul di tengah

free search engine submission

S

ebagai persembahan di awal bulan syawal ini full blog design akan share tentang Cara membuat buku tamu  ,setelah beberapa waktu lalu kang mahfid pernah posting tentang  cara membuat buku tamu diblog  dan juga  Cara buat buku tamu | Light Effect jQuery ,Nah untuk pertemuan kali ini pun kang mahfid akan  membuat sebuah tutorial yang membahas tentang cara membuat buku tamu di blog muncul di tengah ,membicarakan tentang buku tamu seakan merupakan suatu kewajiban bagi siapa saja yang memiliki blog ,buku tamu atau yang sering juga kita kenal dengan Chatting blog pasti juga sering sobat lihat di manapun sobat berkunjung ,meskipun dengan cara penempatan yang berbeda ,seperti halnya buku tamu yang akan kang mahfid bagikan kepada sobat blogger kali ini ,oke akan kang mahfid jabarkan satu persatu tentang keunggulan buku tamu ini.

1. buku tamu ini dalam bentuk slide (muncul dari samping dan tampil di tengah)
2.  kemunculan buku tamu ini bersamaan saat pengunjung membuka blog kita (seakan pengunjung di haruskan mengisi buku tamu)
3. pengunjung tak akan susah untuk mencari tempat di mana sobat meletak kan tombol buku tamunya (karena buku tamu sudah secara otomatis muncul di tengah saat pengunjung membuka blog kita)
4. Untuk menutup buku tamu sobat bisa klik di sembarang tempat maka secara otomatis buku tamu akan hilang (dengan effec terbang ke atas)
5. Nah yang terakhir sekaligus promosi memang banyak kesamaan buku tamu yang seperti ini akan tetapi buku tamu yang kang mahfid buat ini adalah pengembangan dari effeck Jquery /show hide jadi secara tidak langsung buku tamu ini Asli Produck Full Blog Design
Buat Sobat yan ingin tahu contoh buku tamu nya silahkan klik disini dan untuk membuatnya ikuti tutorialnya seperti di bawah ini :

• masuk ke blogger.com dulu dengan ID sobat tentunya
• masuk ke Dasboar Lalu Tambah gadget  Pilih Html Javascript lalu masukkan kode di bawah ini ke dalam nya berikut kodenya :

<script src="http://code.jquery.bom/jquery-latest.js"></script> <style>box { background:black;border:5px solid #F0FFFF;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin:150px; position: fixed; top: 10px; right: 30%;height:450px;width:300px;-webkit-box,shadow: 1px 0px 10px 10px #DEB887; box-shadow: 1px 0px 10px 10px #DEB887;  }</style>     <div style="position: fixed; top: 10px; right: 5px;"><img src="http://karinafotocollection-project.googlecode.com/files/CHATT.gif" /></div> <box><br/><center> LETAKKAN KODE CBOX NYA DISINI </center><center><button>Click any where for close</button></center></box> <script>$(document.body).click(function () {     if ($("box").is(":hidden")) {       $("box").show("slow");     } else{       $("box").slideUp();     }   });</script>

NB:Trik ini tidak berfungsi di internet Explorer
Semoga tutorial di atas menjadi motifasi buat sobat untuk ber eksperiment dengan script script yang lain
Jika Artikel ini bermanfaat buat sobat semua tolong bantuannya untuk mengklik Terima kasih