Postingan perdana sob ! Membuat widget buku tamu melayang - Buku tamu atau Guestbook memang dianggap sebagai fasilitas yang harus ada di blog bagi kebanyakan para blogger terutama blogger yang baru belajar seperti saya. Dengan adanya widget buku tamu melayang ini kita dapat menghemat sidebar blog serta bisa dijadikan sebagai ajang meninggalkan jejak atau blacklink juga sebagai alat interaksi bagi para pengunjung ataupun sesama blogger !Cara membuat widget buku tamu / floating di blog :
1. Daftar dulu di Shoutmix atau Cbox. Saya sarankan Cbox karena lebih mudah
2. Isikan data yang diminta dengan lengkap, jika sudah selesai ambil kode shoutmix atau Cbox yang diberikan dan simpan dulu di notepad.
3. Selanjutnya login ke dashboard blogger anda.
4. Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).
5. Copy kode script dibawah ini dan paste pada gadget, kemudian masukkan kode shoutmix atau Cbox anda pada bagian tulisan warna biru!
<!-- Mulai Hidden Widget -->
<style type="text/css">
.rifaldhi_fixed{
position:fixed;
top:180px; /*jarak dari atas*/
right:0px;
z-index:+1000;
}
* html .rifaldhi_fixed {position:relative;}
#hidden_rifaldhi {
display:none;
border:2px solid #616258; /*ketebalan dan warna kotak*/
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
background:#f1f1ea; /*warna latar*/
padding:3px 10px 0px 10px;
}
</style>
<div class="rifaldhi_fixed">
<table id="hidden_rifaldhi" cellpadding="0" cellspacing="0">
<tr><td>
<!-- Gambar Atas -->
<div style="text-float:right"><a href="javascript:void(0)" onclick="rifaldhi_showHiderifaldhi()" title="Close/Tutup"><img style="border:0px; width:auto; height:auto;" alt="Guestbook" src="http://blog.akakom.ac.id/marcell/files/close.png" /></a></div>
LETAKKAN KODE GUESTBOOK/SHOUTMIX/CBOX/SHOUTCAMP ANDA DISINI
<br/>
<script type="text/javascript" src="http://bukutamu-zies-name.googlecode.com/files/bukutamu-zies-name.js"></script>
</td></tr></table></div>
<!-- Gambar Samping -->
<div style="z-index:+5" class="rifaldhi_fixed">
<a href="javascript:void(0)" onmouseover="rifaldhi_showHiderifaldhi()">
<img style="border:0px;" src="http://img221.imageshack.us/img221/4097/bukutamu3c.png" /></a>
</div>
<!-- Selesai Hidden Widget -->
6. Simpan/Save gadgetnya.
Semoga dengan adanya widget buku tamu melayang ini blog sobat terlihat lebih cantik dan terjalin silaturahmi ^_^
Sumber : Share with irfan
