Buku tamu tersembunyi juga baru saya pasang di sidebar blog ini. Setelah niat untuk pasang buku tamu tersembunyi di blog ini akhirnya timbullah niat untuk menuliskan bagaimana cara memasang buku tamu tersembunyi di sidebar blogger.
seperti ini gambarnya
oke, langsung aja kita selidiki ke TKP
langkah pertama adalah membuat akun chatbox di:
-http://www.shoutmix.com/main/
-http://www.cbox.ws/
Kemudian ambil script yang sudah di sediakan (kopi kodenya).
Sekarang mari kita ke blogger. Jika belum login silakan login dulu. Jika sudah login silakan klik Rancangan/Rancangan/Elemen laman dan Klik Tambah Gadget/Add Gadge / javascript
Pilih html/javascript dan silakan paste kode 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/AVvXsEjBO85SVD5GrpAm09903g0XZpVVMHWS1A7xDlH_ErfvvF30pWDUbGr1OZbnPghIc1blY97ERf25yFkycBFH3rX1_FdIEsi3fANOus275OxxIBy7s4VLHQb3R5DDuj2Fd_epqHzlBhyphenhyphenQtkI/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 kopi tadi Di Sini
<div style="text-align:right">
<a href="http://sharelokelo.blogspot.com/2011/06/memasang-bukutamu.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>
Tidak ada komentar:
Posting Komentar