CARA MEMBUAT BUKU TAMUSHOUTMIX TAPI DISEMBUNYIKAN DISISI BLOG

Awalnya sich saya kurang berminat untuk memasang Guest book atau buku tamu pada blog saya, karena tadinya saya berpikir males terlalu banyak Widget pada blog saya. Tujuan awalnya sih pengennya blog pribadi ini hanya memuat beberapa widget saja, alasannya supaya kecepatan blog saya meningkat.

Berhubung ada permintaan dari pengunjung tentang yang namanya guest book, maka saya pun berpikir lagi untuk menampilkan buku tamu tersebut. Karena niat awalnya saya tidak mau menampilkan Guestbook pada blog saya. saya pun berinisiatif untuk menyembunyikan Guest booknya disisi Blog atau tepat disamping Side bar, jadi para pengunjung tetep dapat mengisi guestbook dan saya tetep masih dengan niat awal saya untuk tidak menampilkan guestbook pada side bar.

komen dari pengunjung tentang Guestbook tersebut membuat saya punya ide untuk kembali menulis postingan tentang Tips Blogger. siapa tahu saja ada dari anda yang menginginkan hal yang sama seperti saya, yaitu menyembunyikan Guesbook disisi blog, agar dapat mengurangi space pada sidebar blog anda.

nah berikut Caranya:

Masuk ke blogger dan Pilih tata letak
1. Klik tambah gadget/ add gadget
2. Pilih HTML/Java script
3. Copy paste kode dibawa ini :



<br /><style type=" text=" css=""><br />#gb{<br />position:fixed;<br />top:25px;<br />z-index:+1000;<br />}<br />* html #gb{position:relative;}<br />.gbtab{<br />height:150px;<br />width:30px;<br />float:left;<br />cursor:pointer;<br />background:url('http://i629.photobucket.com/albums/uu13/akubsaputra/guestbook.png') no-repeat;<br />}<br />.gbcontent{<br />float:left;<br />border:2px solid #1300F2;<br />background:#FFFFFF;<br />padding:10px;<br />}<br /></style><br /><script type="text/javascript"><br />function showHideGB(){<br />var gb = document.getElementById("gb");<br />var w = gb.offsetWidth;<br />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />gb.opened = !gb.opened;<br />}<br />function moveGB(x0, xf){<br />var gb = document.getElementById("gb");<br />var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />var dir = xf>x0 ? 1 : -1;<br />var x = x0 + dx * dir;<br />gb.style.right = x.toString() + "px";<br />if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br />}<br /></script><br /><div id="gb"><br /><div class="gbtab" onclick="showHideGB()"> </div><br /><div class="gbcontent"><br /> <br /> <br />MASUKAN KODE SHOUTHMIX <br /> <br /><br /><div style="text-align:right"><br /><a href="javascript:showHideGB()"><br />[close]<br /></a><br /></div><br /></div><br /></div><br /><script type="text/javascript"><br />var gb = document.getElementById("gb");<br />gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /></script>

Catatan :
Masukan Kode Shoutmix pada space yang sudah saya beri nama "masukan kode shoutmix"
Bagi anda yang tidak memppunya kode shoutmix silahkan daftar dan buat kode tersebut.

Terakhir anda tinggal save saja, dan lihat hasilnya. sebagai contoh dari tampilannya anda bisa lihat disisi kanan blog ini.

• 
• 
• 
• 
• 
• 
•