- Login ke Blogger Sobat dulu.
- Pilih menu Tata Letak - Tambah Gadget - pilih HTML/javascript.
- Copy Paste kode berikut di kotak HTML/javascript.
<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/AVvXsEgddNg_Ip6TlwEHjrPb4HP2SgQBOxQztLouOUHzu2ARcOlJqx9MLy0ZJakSyFPiSWvuUYMWybV9PxXlMBn5_pxmxkpBrn4DDDGuAzUSYqziuCjlQVIq01P2rgUeGrhOz9HM5SDc4TTXVJIu/') 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">
< Paste disini KODE CBOX SOBAT >
<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>
#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/AVvXsEgddNg_Ip6TlwEHjrPb4HP2SgQBOxQztLouOUHzu2ARcOlJqx9MLy0ZJakSyFPiSWvuUYMWybV9PxXlMBn5_pxmxkpBrn4DDDGuAzUSYqziuCjlQVIq01P2rgUeGrhOz9HM5SDc4TTXVJIu/') 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">
< Paste disini KODE CBOX SOBAT >
<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 < Paste disini KODE CBOX SOBAT > dengan kode CBOX sobat dan klik simpan. Setelah itu lihat Blog sobat dan sudah ada buku tamu nya. Sekian artikel saya tentang Cara membuat buku tamu. semoga membantu para blogger. tinggalkan komentar jika ada saran buat saya. Terimakasih


0 Response to "Cara Membuat Buku Tamu Tersembunyi di Sebelah Kanan Blog"
Post a Comment