content top

Wednesday, October 28, 2009

Cara Membuat Buku Tamu (Guestbook) tersembunyi di Blogger

Wah, akhirnya aku bisa buat buku tamu tersembunyi di blogku, nah sekarang giliran kalian untuk mengetahui sedikit trik ini, karena kata kakekku dulu "ilmu itu kudu di bagi ma orang lain, biar mereka juga pinter", nih ku bagi ma kalian caranya :



1. Pertama, Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
2. Kemudian, Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
3. Copy-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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">

<!-- Ganti ini dengan kode buku tamu kamu -->

</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


4. Pada kode di atas, cari kode dan ganti kode tersebut dengan kode buku tamu yang kamu dapatkan dari situsnya,
5. Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.6. Alhamdulillah, sudah jadi buku tamunya..

2 komentar:

haddykaryana said...

Hallo, Terimakasih Infonya, saya udah coba lho... oh ya ikutan jadi follower di blog saya ya, gak keberatan kan. Tukeran link dong.... saya udah pasang lho....

Anonymous said...

asdfgf [url=http://ipagehostingreview.info/]ipage[/url]
lkjhj
ipage jos
http://ipagehostingreview.info/ oiupy

Post a Comment

content top
Related Posts Plugin for WordPress, Blogger...