Membuat Buku Tamu Tersembunyi

Widget buku tamu merupakan gadget yang berfungsi untuk memberikan ruang kepada pengunjung dalam berinteraksi secara langsung dengan pemiliki blog, baik itu berupa opini, kritik atau saran dan berbagai hal menarik lainnya. Kelebihan memasang widget tersembunyi akan memberi kesan blog sangat rapi, tidak terlalu menumpuk dan mengandalkan ruang atau kolom pada sidebar. Sangat menarik untuk diterapkan di blog anda yang gemar menghias setiap detail ruang template. Berikut ini,

Cara Menambahkan Buku Tamu Hide and Show di Blogger

1. Login ke akun Blogger anda, pilih menu Tata Letak
2. Tambahkan Gadget baru, lalu tambah HTML/Javascript
3. Copy kode script css berikut, kemudian letakkan kedalam gadget baru tersebut

<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">
MASUKAN kode buku tamu ANDA DISINI
<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>

Simpan setelan dan lihat hasilnya.

note : Kode warna merah silahkan ganti dengan kode buku tamu yang anda punya. Jika belum, silahkan kunjungi penyedia layanan chat gratis berikut untuk mendapat kodenya seperti di http://www.shoutmix.com/ atau di http://www.cbox.ws . Untuk membuat dan mendapat kode buku tamu cukup mudah, silahkan ikuti petunjuk yang disediakan, tentukan pilihan warnanya, jika sudah copy semua kode embed yang disediakan dan paste di blog anda.

Beri Kami +1 Agar Terus Semangat Menulis Untuk Anda :

Title : Membuat Buku Tamu Tersembunyi
Hati-Hati Jika ingin Copy-Paste (15 Blog Sudah TERHAPUS Akibat DMCA Takedown)..!
Pastikan Menyertakan Link Aktif Dofollow Dengan URL :
http://odyckdnero.blogspot.com/2011/11/membuat-buku-tamu-tersembunyi-mau-buat.html

Related Post