Nah, Bagaimana jika pengunjung blog anda sudah banyak namun ingin saling memberi komentar ??? ya tentu jawaban anda ya,,, di kolom komentar lah pasti ya kan, ???? waduh apa gak terlalu panjang bila komentarnya mencapai puluhan bahkan hingga ratusan, bisa penuh halaman blog anda tu.
Solusinya adalah pasang aja widget buku tamu tang bagus di blog anda, bila anda ingin memasang buku tamu di blog anda seperti gambar ini :
saya akan kasih tau caranya, perhatikan baik baik ya, ini caranya :
saya akan kasih tau caranya, perhatikan baik baik ya, ini caranya :
- Login ke www.cbox.ws
- Kalau sudah bisa login, sesuai kebutuhan anda.
- Tambah Gadget baru, pilih HTML/JavaScript, lalu paste kan kode nya ke dalam kolom tersebut, kemudian simpan.
- Selesai.
Tapi kalau anda tidak mau perlu repot-repot anda tinggal Copas aja kode dibawah ini, kemudian simpan Gadget HTML blog anda, ini codenya :
<style type="text/css">#gb{position:fixed;top:50px;z-index:+1000;}
* html #gb{position:relative;}.gbtab{height:278px;width:30px;float:left;cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVIVZ7hTf8wQKzRyLuoFMl0b4BfiyBL9WvXviXx9JK84R2qhxRB2w5C23gW_IoKMD7CGa-knWWTUN6nIDelFWDs9fF9VxpBgq5Vbd0z08y4ppLBvSlw8O-DJ4Ta96-Jrp45xnQ35LVYtk/w31-h278-no/Animasi+buku+Tamu.gif') no-repeat;}
.gbcontent{ float:left; border:1px solid #000000; background:#F5F5F5; padding:5px;}
</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">
<!-- BEGIN CBOX - www.cbox.ws - v4.3 --><div id="cboxdiv" style="position: relative; margin: 0 auto; width: auto; font-size: 0; line-height: 0;"><div style="position: relative; height: 200px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#cccccc 1px solid;"><iframe src="http://www3.cbox.ws/box/?boxid=3492154&boxtag=b6w6qw&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain3-3492154" id="cboxmain3-3492154"></iframe></div><div style="position: relative; height: 85px; overflow: hidden; border:#cccccc 1px solid; border-top: 0px;"><iframe src="http://www3.cbox.ws/box/?boxid=3492154&boxtag=b6w6qw&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform3-3492154" id="cboxform3-3492154"></iframe></div></div><!-- END CBOX -->
<div style="text-align:right"><a href="javascript:showHideGB()">[Tutup]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script>
Atau jika buku tamu tampil seperti ini, atau tampil dibagian mana saja maka cukup paste kan kode yang berwarna biru saja., maka hasilnya akan seperti ini gambar ini :
Selesai, mudah bukan ????
Semoga artikel bisa membantu anda. Aminn.......
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.