Kamis, 29 Maret 2012
Cara membuat buku tamu tersembunyi di blog
Kali ini Zikry akan membahas tentang Cara membuat buku tamu tersembunyi buku tamu seperti ini sangat sering digunakan oleh para blogger karena selain hemat tempat juga keren lho.Buku tamu ada yang dari cbox , shoutbox , shoutmix , oggix pokoknya banyak deh langsung aja kita ke tutorialnya tapi sebelum itu follow dulu hehehehe .Yaudah langsung aja gak usah banyak basa-basi 1.Login ke akun blogger anda
2.Lalu Klik Rancangan
3.Klik Tab Elemen Laman
4.Klik Tambah Gadget
5.Kemudian Pilih Yang HTML/Java Script
6.Masukkan kode-kode dibawah ini di kotak yang telah di sediakan
7.Kalau sudah save templatenya<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/AVvXsEjnrlZyfSEtX_o6ThyphenhyphenOs9nU_EcllP_igvEcIuhNCR5gIJDn8xeIw63UJbU8-nuDT0o_6VG0VpP4cOeAHhgm1-T8qL7NyjIPfyV_U9pvHW8aevhxFRqkg1DX2cOQrt6qwKQ92i3CJGq_CqkJ/') 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">
kode buku tamu milikmu
<br/>
[ klik aja disini ]
/><br/>
</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>
KETERANGAN
Pada kode diatas cari kode bertuliskan "Kode buku tamu milikmu" lalu ganti kode tersebut dengan kode yang kamu dapatkan dari chatbox,oggix,shoutbox,shoutmix atau yang lainnya
Kode 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnrlZyfSEtX_o6ThyphenhyphenOs9nU_EcllP_igvEcIuhNCR5gIJDn8xeIw63UJbU8-nuDT0o_6VG0VpP4cOeAHhgm1-T8qL7NyjIPfyV_U9pvHW8aevhxFRqkg1DX2cOQrt6qwKQ92i3CJGq_CqkJ/'
Kode itu adalah kode standart buku tamu kamu kamu bisa menggantinya dengan kode yang lain
kode height:100px dan width:30px dapat kamu ganti sesuai ukuran gambarmu
Kode top:50px; merupakan kode posisi dari buku tamu kamu kalo pengen lebih tinggi ganti saja dengan top:40px; atau top:30px;
Tapi kalau kamu ingin meletakkannya lebih ke bawah ganti kodetop:50px; menjadi top:60px; atau top:70px;
SELAMAT MENCOBA
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar