Bikin Buku Tamu Tersembunyi

Thursday, 20 January 2011

           Sebenarnya banyak rekan-rekan bloger yang memposting trik ini di blog mereka, akan tetapi tidak ada salahnya saya mencoba untuk sharing juga..., saya adalah pemula klo di tanya soal trick trick hack blog..,maka dari itu saya coba memposting bikin buku tamu disamping.., trick ini sebenarnya cukup simpel, tapi sangat di perlukan adanya biar kita dapat menerima komentar ato kritik atau apapunlah dari pengunjung blog kita.., di samping juga dapat mengirit tempat pada blog kita yang penuh dengan iklan misalnya..,

ok gak usah banyak basa basi dech...nie dia langkah-langkahnya

1. Login dulu ke cbox ato klo blum punya silahkan sign up...ikuti aja langkahnya-langkahnya, pilih skin nya, klo dah selesai baru copy codenya ke notepad
2. Sign in ke blogger dan silahkan Login dengan Account Anda
3. Pilih Layout/Tata Letak
4. Pilih Page Elemen/Elemen Halaman
5. Klik Add a Gadget/Tambah Gadget
6. Lalu pilih "HTML/JavaScript"

Kemudian Copy-Paste script 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://i1080.photobucket.com/albums/j322/ipul3/NewPicture.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">

COPY KEMBALI KODE YANG DI DAPAT DARI CBOX TADI DISINI

<div style="text-align:right">
<a href="javascript:showHideGB()">
<blink>x</blink>
</a></div>

</div>

</div>

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

KETERANGAN

Lakukan pengeditan pada bagian-bagian berikut ini apabila dirasa perlu untuk merubah tampilan sesuai dengan keinginan kalian :

• Untuk kode top:50px; = top (untuk posisi diatas, jika kamu ingin diletakkan pada posisi dibawah,kode top kamu ganti dengan "bottom". contohnya sebagai berikut : bottom:0px; ).
• Untuk kode 50px; pada kode top:50px; diatas menunjukkan posisi dari si buku tamu yang kamu buat tadi. pada kondisi 50px; = posisi si buku tamu berada diatas dengan jarak "50 pixel" dan jika kamu ganti dengan "0" berarti tidak ada jarak sama sekali.. kamu bisa ganti angka "50" dengan angka berapapun yang kamu mau.. 

• height:100px dan width:30px adalah panjang dan lebar ukuran dari buku tamu yang kamu mau, bisa kamu ganti dengan angka berapapun juga.
• jika kamu sudah paham saya harap kamu bisa menerapkannya kepada banyak orang.

Akhirnya semoga trick ini bermanfaat buat kalian semua..,

Di poskan dari berbagai sumber

Labels: Blog trik

Thanks for reading Bikin Buku Tamu Tersembunyi. Please share...!