ini dia.... cara membuat buku tamu atau comment box anda hilang.... bukan hilang sih, tapi buku tamu anda akan ada di samping.... jadi, akan membuat blog anda menjadi lebih mantap.... hehehe...
caranya sangat simpel yaitu...
1. login dahulu ke blog anda...
2. pilih tab rancangan.... edit laman.... tambah gadget.... dan pilih HTML/Java Script....
3. copy Script di bawah ini...
<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/AVvXsEiCheTYWc3c-ZYX-JZwuIQPhpPmxXfrZtYgD4U3S8jRi6ER5RgWlsHM83u2fgaUhX_MOIglKCpkx1pX0PlAMspQ2HxYTUbn5cxz4EQMVshdxSb7Wno0PR6ZsxuuBToEfgN1R-YBVLr810Vb/') 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">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<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></div></div>
4. simpan....
1. login dahulu ke blog anda...
2. pilih tab rancangan.... edit laman.... tambah gadget.... dan pilih HTML/Java Script....
3. copy Script di bawah ini...
<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/AVvXsEiCheTYWc3c-ZYX-JZwuIQPhpPmxXfrZtYgD4U3S8jRi6ER5RgWlsHM83u2fgaUhX_MOIglKCpkx1pX0PlAMspQ2HxYTUbn5cxz4EQMVshdxSb7Wno0PR6ZsxuuBToEfgN1R-YBVLr810Vb/') 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">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<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></div></div>
4. simpan....
5. lihat blog anda...
6. selesai....
NB : untuk <!-- Ganti ini dengan kode buku tamu kamu --> anda ganti dengan code yang anda dapat dari sumber commnet box yang anda dapat... kalau anda belum mempunyai commnet box, bisa di dapatkan di C-Box dan di Shoutmix... anda diharuskan daftar terlebih dahulu...
mudah bukan... sekarang anda tinggal mencobanya... mudah-mudahan bisa bermanfaat untuk anda...
0 comments:
Post a Comment