memasang chatbox di pojok blog
Sunday 31 March 2013
berikut ini saya akan memberikan cara bagaimana memasang CHATBOX di samping blog kita.
tampa basa basi langsung aja....
pertama login ke blogger.com
2 lalu ke rancangan, pilih elem laman
3 tambah gadget
4 isi gadget tersebut dengan script di bawah ini:
5 kemudian simpan.
Nb: rubah script yang berwarna coklat dengan script buku tamu kamu atau chat box kamu.
tampa basa basi langsung aja....
pertama login ke blogger.com
2 lalu ke rancangan, pilih elem laman
3 tambah gadget
4 isi gadget tersebut dengan script di bawah ini:
<style type="text/css">#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:100px;width:30px;float:left;cursor:pointer;background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;}.gbcontent{float:left;border:2px solid #A5BD51;background:#F5F5F5;padding:10px;}</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">isi dengan script chatbox kamu<br/><a href="http://x-santrie.blogspot.com">.</a><div style="text-align:right"><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script></div></div>
5 kemudian simpan.
Nb: rubah script yang berwarna coklat dengan script buku tamu kamu atau chat box kamu.