Rabu, 30 Mei 2012

cara sembunyikan Buku Tamu pada Blog


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">
#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/AVvXsEga8jkM82IzuPL4dReVSt9TJkcLat4TBpS60K6d-RfscteTYOac7Vk3qBpRsaoRSSrUrKSGdvJFtovvTCJMrQOEq6-6_QpMmUilmLzVYWPS0P-wAClNPAYVRheil2EgmOuL6jFervAb8w0/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>
NB : 
- 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...^_^

0 komentar:

Posting Komentar

Translate

Portfolio

Twitter Delicious Facebook Digg Stumbleupon Favorites More