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.
- Login ke akun blogger anda.
- Klik Tata Letak > Tambah Gadget > Pilih HTML/Java Script.
- 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.
thanks gan...!
ReplyDeletevisit my blog donk : wiansetiawan.blogspot.com
Sangat membantu gan infonya buat saya pribadi. terimakasih sebelumnya ya gan sudah share artikel ini.
ReplyDelete