Membuat Buku Tamu Tersembunyi


Punya buku tamu???
Pingin di sembunyiin???
Liat ke TKP tutor nya Gan..


  1. Login ke akun Blogger agan.
  2. Pada Tab, pilih Rancangan > Edit Laman.
  3. Kemudian Add Gadget / Tambah Gadget pilih HTML/Javascript.
  4. Jika sudah silahkan masukan kode dibawah ini ke dalam jendela HTML/Javascript.
  5. <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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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"> Letakkan disini kode Shoutbox Anda </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div>
Terakhir simpan dan lihat hasilnya,untuk tinggi dan lebar bisa anda atur sendiri...
tulisan berwarna merah ganti dengan kode Shoutbox anda.

Semoga Bermanfaat,terimakasih atas kunjungannya and jangan lupa tinggalkan komentar yah..
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...