Home » » Tips Cara membuat Buku Tamu Tersembunyi Pada Blog

Tips Cara membuat Buku Tamu Tersembunyi Pada Blog

Ditulis Oleh Beny Setiawan pada Minggu, 20 Mei 2012



Kalau di postingan sebelumnya saya membahas  tentang Cara menambah BUKU TAMU pada Blog, kali ini saya akan berbagi ilmu tentang cara membuat buku tamu tersembunyi di samping Blog kita. Pasti akan lebih menarik kalau widget kita tidak hanya monoton di samping kanan-kiri postingan kita saja.


Dibawah ini adalah langkah-langkahnya :
1. Login Blogger
2. Klik Rancangan/Design
3. Tambah Gadget / Add a Gadget
4. Pilih HTML/javascript


Kemudian Copy paste kode di bawah ini di dalam Html/javascript tadi.


<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 KODE SHOUTBOX, FOLLOWBOX, DLL TERSERAH ANDA DISINI
<div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div>
</div>
<script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div>

 



Catatan :
Untuk font warna Biru dapat diganti posisinya sesuai keinginan anda tapi autr juga stylenya.
Lalu  untuk font warna Hijau bisa anda letakkan kode apa saja, misalnya kode buku tamu
Gmna Mudah Kan....
kalau mau tahu hasilnya lihat saja bagian sebelah kanan Blog saya... :)

DiPosting Oleh : Beny Setiawan ~ Pakbendot.com

Artikel Tips Cara membuat Buku Tamu Tersembunyi Pada Blog ini diposting oleh Beny Setiawan pada hari Minggu, 20 Mei 2012. Terimakasih atas kunjungan Anda, serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.Wassalam..

:: HOME::

Share this article :

5 komentar:

  1. nyimak aja sob. nice post. ditunggu kunjungan baliknya. :-)

    BalasHapus
  2. Ok, Maksih Bnyak sob,....

    psti

    BalasHapus
  3. makasih sekali informasinya sangat membantu untuk yang masih belum memasang, nice share

    BalasHapus
  4. Mantap bos... skrg ane udh pnya tamu book.. :D
    thx..

    BalasHapus

Silahkan Komentar dengan Baik Dan benar