<style type='text/css'> .wchat{background:#000;border-radius:5px;bottom:-5px;box-shadow:0 0 5px #fff;color:#fff;float:left;height:25px;margin-left:95px;opacity:.8;overflow:hidden;padding:auto;position:fixed;text-shadow:0 0 5px #000;width:90px;z-index:9;-o-transition:all 2s ease-in-out;-moz-transition:all 2s ease-in-out;-webkit-transition:all 2s ease-in-out} .wchat:hover{background:transparent;border:2px solid #000;box-shadow:0 0 15px #000;color:#000;height:450px;margin-left:20px;opacity:1;width:240px} .wchat-body{-o-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out} .wchat h3{cursor:point;font-size:13px;text-align:center} </style><br /> <br /> <div class='wchat'><h3>Buku Tamu</h3><div class='fwidget-body'><!-- code cbox atau shoutmix---!><br /> </div></div>Keterangan:
background:#000 : warna background sebelum dibuka #000 = hitamapabila sobat pengen bagroundnya dengan gambar...ganti kode background:#000 dengan kode background:url(disini taruh url gambar sobat...)background:transparent : warna background sesudah dibuka transparent = transparanapabila sobat ingin mengganti gmbar baground sama sepertihalnya di atas ganti kode background:transparent dengan kode background:url(disini taruh url gambar sobat...)bottom:-5px : posisi widget disembunyikan dibawah rubah bottom menjadi top bila menginginkan posisi diatasmargin-left:95px : rubah dengan nilai sesuai keinginan dengan aturan makin besar nilainya posisinya makin kekananposition:fixed : apabila sobat ingin membuat widget ini tidak ikut pindah ketika discroll rubah menjadi position:absoluteheight:25px dan width:90px : adalah tinggi dan lebar sebelum dibuka rubah angkanyaheight:450px dan width:240px :adalah tinggi dan lebar sesudah dibuka<!-- code cbox atau shoutmix---!> : Ganti dengan script buku tamu yang mau di pasang...
sekian dari saya....selamat mencoba ^_^....
Wah dapat pemgetahuan baru nih..
ReplyDeleteNice share ya..
Kunjugan Harian..
Visit Back Ya
salam kenal aj gan dr malang, jangan lupa kalau ingin refresing ke malang hub kami...
ReplyDeletewah makasih sob... izin nyoba :)
ReplyDeleteAbsen siang
mantap soabat... kunjungan malam... and nice post sob...!!!
ReplyDeletewah mantap ini tutorialnya om....semangat
ReplyDeletekeren banget ne buku tamunya sobat
ReplyDelete@all...thanks sudah berkunjung...^_^..
ReplyDeleteterima kasih atas infonya,,,
ReplyDeleteinfonya sangat membantu,,,
Wah, mantap sekali tutorial buku tamunya..
ReplyDeleteMakasih bgt uda bagi ilmunya mas.. Salam kenal ya.
ReplyDeleteTipsnya lengkap dan mudah di pahami. Semoga tips buku tamunya bermanfaat buat para pembaca lainnya.. Terimakasih
ReplyDeleteSenang sekali bisa mengunjungi situs ini.. tips membuat buku tamunya mantab bro.
ReplyDelete