Salam blogger, alhamdulillah saya bisa posting lagi nih, telah sekian lama saya tidak posting lagi. Di Postingan saya kali ini saya akan memberi tahu anda tentang bagaimana cara membuat Buku Tamu / CBOX Tersembunyi di sebelah kanan blog. Tanpa bosa basi saya akan menunjukkan caranya (bagi pemula) untuk anda :
2. Masuk ke Dashboard => Tata Letak => Add Gadget.
3. Lalu copy dan paste code dibawah in.
<style type="text/css">
#gb{
position:fixed;
top:90px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:250px;
width:50px;
float:left;
cursor:pointer;
background:url('http://i1055.photobucket.com/albums/s510/huda4rbung/Untitled-3.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #0000FF;
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 Code CBOX anda di sini)
5. Kemudian yang berwarnah merah, anda ganti dengan code CBOX / Buku Tamu anda.
6. Jangan lupa save dan lihat hasilnya.
(gb1)
1. Login pada blog anda.2. Masuk ke Dashboard => Tata Letak => Add Gadget.
3. Lalu copy dan paste code dibawah in.
<style type="text/css">
#gb{
position:fixed;
top:90px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:250px;
width:50px;
float:left;
cursor:pointer;
background:url('http://i1055.photobucket.com/albums/s510/huda4rbung/Untitled-3.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #0000FF;
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 Code CBOX anda di sini)
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
5. Kemudian yang berwarnah merah, anda ganti dengan code CBOX / Buku Tamu anda.
6. Jangan lupa save dan lihat hasilnya.
7. Terakhir, tinggalkan komentar ya .... Hehehe :-D
SALAM BLOGGER
