Shoutboxnya Dimana Yah?

Nah dari kemaren artikel kbuat kontes mulu, sekarang pindah dulu ah ke artikel tutorial untuk membantu sobat-sobat blogger yang mungkin memerlukan. Sekarang saya akan memberitahukan cara-cara untuk menghilangkan tampilan Shoutbox di page blog tapi adanya di sisi blog seperi di blog ini. Oke langsung aja ya kita coba...

1. Seperti biasa Login ke Blogger dulu

2. Klik layout lalu pilih 'Page element'

3. Pilih Add a Gadget

4. Pilih add "HTML/Javascript" lalu masukkan kode 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6OYnLM8Imq0QbkFvsR_WnACOvsOLw0klBpwo2Wz7ZzO0xVgvXw8YiVWWJssnxbpzYS6iJpanCAtNE-uCaa7CT1Te7a9TTLa_EYuJ0IC55qZ6UhCvHHvaCtoOf2OZHuhtjeZ9YkTFdE7FF/') 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"> <!-- Ganti ini dengan kode buku tamu kamu --> <br/> Mau punya buku tamu seperti ini?<br/> Klik di <a href="http://infotentangblog.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html"> sini (Info Blog) </a> <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>

5. Ganti tulisan <- Ganti ini dengan kode buku tamu kamu-> dengan kode yang kamu miliki

6. Klik Save

7. Lihat Hasilnya Semoga bermanfaat yah...