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