Dun-soft.blogspot.com - Kali ini, saya akan memposting tentang Bagaimana Cara Membuat Buku Tamu Tersembunyi di Blog. Saya juga akan membuat artikel tutorial cara pasang buku tamu tersembunyi / hidden.

   Sebenarnya, buku tamu tidak wajib dipasang di blog, namun untuk mempercantik blog kita. Selain itu pengunjung lain juga dapat menyapa  kita sebagai admin walau cuma sebatas kalimat.

   Oke gak perlu banyak basa basi, kita langsung saja menuju TKP :
  • Pertama, silahkan masuk website www.cbox.ws atau situs penyedia script lainya yang teman suka. Lalu klik Sign Up.

  • Lalu, klik "Create My Cbox"
  • Klik "Publik" dan ambil script yang sudah disediakan.


  • Sekarang, mari kita login ke blogger.com untuk meletakan kode tersebut.
  • Klik Rancangan / Design / Tata Letak / klik Tambah Gadget/Add Gadget / pilih html/javascipt dan copy code berikut:
<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://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/s1600/bukutamu.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">

Silakan Paste Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href="http://dun-soft.blogspot.com/2012/05/cara-membuat-buku-tamu-tersembunyi-di.html">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>


  •  Klik Simpan

--SELAMAT MENCOBA--









Cara Membuat Buku Tamu Tersembunyi di Blog


Post a Comment

  1. mantab sob, kunjungi jug ablog ane :

    www.sintang-web.com

    salam blogger..

    ReplyDelete
  2. Thanks gan infonya..

    bermanfaat skali bagi perkmbangan blog sy .. :)

    Mohon komentarny dblog sy y :)

    Blog Fuadditiya | The FIM Site

    ReplyDelete
  3. nice info
    visit my blog donk : wiansetiawan.blogspot.com

    ReplyDelete
  4. mantap gan infonya,,,sangat bermanfaat sekali buat saya. semoga apa yang agan bagikan bermanfaat buat pembaca lainnya. salam kenal ya gan semoga artikel tentang Cara Membuat Buku Tamu Tersembunyi Pada Bloggermendap tempat di hati pembaca semua. Amin.
    Semangat.

    ReplyDelete

Berikan saran dan pendapat anda agar saya dapat memperbaikinya.... Terima Kasih