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
<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/AVvXsEgPx93eH321ZPdaMDXonIpQX-JZdLK1aAWUJI87UprRLFVKupjkEiySflAjvU4MhOlnhpla3PSPPWflMACmrwnBRcNssr4AmIS0Wo2csawRfxx6gGUc98Jlepnd3pKU7ggaeQApKqHyw9zg/') 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>
Ganti teks yang saya kasih warna merah di atas dengan code guestbook anda, Klik save. Dan lihat hasilnya. 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.
Semoga bermanfaat
