Salin kod skrip berikut, masukkan kod shoutbox di tempat yang dinyatakan dan masukkan dalam sidebar blog:
| <style type="text/css"> #gb{position:fixed; top:50px; z-index:+1000} * html #gb{position:relative} .gbtab{height:110px; width:30px; float:left; cursor:pointer; background:url('http://i31.servimg.com/u/f31/14/01/65/89/shoutb10.png') no-repeat} .gbcontent{float:left; border:2px solid #666; background:#fffffg; 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"> Paste Masukkan Kod Shoutbox Di Sini <div style="text-align:right"> <a href="javascript:showHideGB()"> </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString()+"px"; </script> |
Lepas paste masukkan kod Shoutbox tempat yang dinyatakan salin semua kod skrip untuk di paste masukkan dalam sidebar blog.
Dalam dashboard blogger pilih Design | Page Elements:
Pilih satu Add a Gadget bahagian sidebar yang di sebelah bawah:
Dalam tetingkap Configure Add a Gadget klik pilih HTML/JavaScript:
Paste masukkan kod skrip dalam ruangan Content dan klik SAVE:
Sekian, selamat mencuba dan selamat berjaya.
Sumber
