Buku Tamu, hemm tak lengkap rasanya kalau tanpa Buku Tamu di Blog. Buku Tamu adalah tempat pengunjung memberikan Komentar selain Kotak Komentar. Banyak cara bisa dilakukan untuk memperindah Buku Tamu, tapi Saya hanya memberikan Buku Tamu yang Tersembunyi. OK, kalau Kalian tertarik membuat Buku Tamu tersembunyi silahkan ikuti langkah-langkah berikut ini :
[1]. Seperti biasa Login dulu ke Blog Kalian
[2]. Trus cari Rancangan --> Klik Tambahkan Gadget
[3]. Pilih HTML/Java Script
[4]. Copy dan Paste-kan Code di bawah in, ke dalamnya.
<style type="text/css">NB :
#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/AVvXsEhrmDXviviiZDlKsSoIZqu3w1uTBMSXMFcUqEDcd9F4Tp8BhiMrJy59RttKGa9_eq2e2XbfYvpKw54hNJSsV0-oZxY9gaeDzqd04QiKBa1Liyt50f7_uXRf7x15PaEvAtsG_hjfE5TIj1w/s1600/Teoringeblog-buku+tamu+1+(78+x+190).gif') 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">
Code HTML Buku Tamu Kalian
</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>
- Tulisan yang berawarna MERAH ganti dengan ukurang yang kalian inginkan
- Tulisan yang berawarna BIRU ganti dengan gambar buku tamu kalian.... Kalo Kalian tidak punya gambar buku tamu Klik saja di SINI...
- Dan Pada Tulisan yang berwarna KUNING ganti dengan SCIPT buku tamu Kalian.
[5]. Simpan dan Lihat Hasilnya.
Semoga Berhasil Ya...^_^
7 komentar:
wah bagu juga bnag tutorialnya nih.,.,!!
Thank's Gan Komennya...!!!
cra dpet code buku tmu gmna gan
@Arun Sp : lewat shoutmix atau shoutbox gan.... nanti di minta mendaftar dulu.... [Untuk ShoutMix, daftar di sini "www.shoutmix.com/", sedangkan untuk ShoutBox, daftar di sini "www.freeshoutbox.net/"].
Thanks
Mantab gan berhasil, lihat ya http://obat-traditional.blogspot.com/
Sukses gaan.. Thanks yaa .. mampir ya gan http://firdapuspita.blogspot.com/
Posting Komentar