Posted by : Hilmi Feb 14, 2013

Cara Membuat Buku Tamu Tersembunyi Di Blog - Beberapa hari yang lalu saya telah posting tentang cara membuat buku tamu, kali ini saya akan posting bagaimana cara membuat tersembunyi. Tujuannya adalah agar dapat menghemat tempat di blog kita, dan agar blog kita lebih menarik. Berikut ini langkah-langkahnya.

  1. Login ke akun blogger anda.
  2. Klik Tata Letak > Tambah Gadget > Pilih HTML/Java Script.
  3. Lalu Copy kode berikut dan Pastekan Pada kotak HTML
<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyR8Dkhiydj8Py8EF4GTIJUpBsS3ulnD5lIELcnHhPLJMgEyEno35TEAb4Cq2Dnz-3ib2n4EB05yY2t3HcN_vRnqFwNeNfO2WSgWVfoj0wCqAJtiHRd0gGlRYrfEh5sLqvmcFWaJVNK8k/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">

Letakkan kode buku tamu tamu anda di sini

<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>

Ganti tulisan berwarna merah dengan kode script buku tamu anda.

{ 2 komentar... read them below or Comment }

  1. thanks gan...!
    visit my blog donk : wiansetiawan.blogspot.com

    ReplyDelete
  2. Sangat membantu gan infonya buat saya pribadi. terimakasih sebelumnya ya gan sudah share artikel ini.

    ReplyDelete

>
<
Powered by Blogger.

Followers

- Copyright © 2014 Hilmi's Blog - DJogzs - Powered by Blogger - Designed by Johanes Djogan -