Friday, August 13, 2010

Pasang Guestbook Tersembunyi atau Show Hidden Widget Pada Blog

Bagaimana sih caranya memasang Guestbook ataupun widget Show Hidden pada blog? Nah, bagi anda yang pengen pasang guestbook atau widget tersembunyi ( Show Hidden ) di blog anda tapi gak tau caranya gimana, pada postingan kali ini saya akan kasih tau caranya, mudah banget kok…

Langsung aja yah, gak sah banyak cing cong…hehehe…cekidot…….

Langkah pertama yang harus anda lakukan adalah login ke akun blogger anda, kemudian masuk ke menu rancangan pada dashboard, pilih page elemen, pilih tambah widget, kemudian pilih Javascript HTML dan masukkan code di bawah ini dengan cara copy paste, tapi berhubung di blog ini klik kanan nya saya nonaktifkan, anda bisa menekan CTRL + C pada keyboard untuk mengcopy nya.

<style type="text/css"> #gb{ position:fixed; top:25px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:124px; width:40px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiWf-xP32OtOsvxlWob-WANzF6b1UltRjIWYUeniaZozqqbH5TfLoNyc1IvOTF78FH7uZiLqqoCo7C-ZJWOFm2E1lTPk6XNqw5SjjEtVu1GdZbuwmMNRMDDHNZdKMUzKbYWrLVsksgqOHi/') no-repeat; } .gbcontent{ float:left; border:2px solid #000000; background:#FFFFFF; padding:10px; } </style><br /> <br /> <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><br /> <br /> <div id="gb"><br /> <div class="gbtab" onclick="showHideGB()"></div><br /> <div class="gbcontent"><br /> <br /> TARUH SCRIPT CODE GUESTBOOK ANDA DISINI<br /> <br /> <br /> </div><br /> <br /> <div style="text-align:right"><br /> <a href="javascript:showHideGB()"><br /> <br /> [close]<br /> <br /> </a><br /> <br /> </div><br /> </div><br /> <br /> <br /> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

Kalau sudah, pastekan code tersebut di text area di menu Javascript HTML pada dashboard anda. Ganti teks yang saya kasih warna merah di atas dengan code guestbook anda, Klik save. Dan lihat hasilnya. Tarraaa….. Gurstbook Show Hidden anda sudah jadi… ^_^..!! hemm gimana, mudah bukan?!! Oiya, selain guestbook…anda juga bisa lho bikin widget lainnya menjadi show hidden, tinggal ganti aja code guestbooknya dengan code widget yang anda inginkan.
Selamat mencoba… Semoga bermanfaat!!! Ditunggu responnya yah… ^_^!!!

0 comments:

Post a Comment

:) :(;):D;;-):-/:x:P:-*=((:-OX(:7B-):-S#:-S7:):((:)):|/:)=))O:-):-B=;I-)8-|L-):-a:-$[-(:O)8-}2:-P(:|=P~:-?#-o=D7:-SS@-):^o:-w7:P2):):-c:)]~X(:-h:-t8-7X_X:!!m/:-q:-bd^#(^Blog Thinker