Friday, March 11, 2011

Membuat Hidden GuestBook Di Blogger

Mungkin Sebagian Dari Anda, Pernah Ada Yang Membuat Buku Tamu Di Blog Atau GuestBook. Mungkin Saat Memasangnya, Luas Daerah Widget Terlalu Kecil Untuk Buku Tamu Sehingga Sebagian Dari Buku Tamu Tidak Kelihatan. Tentu Saja, Anda Tidak Ingin Hal Itu Terjadi. Nah Untuk Membuatnya, Pertama Anda Buat Lah Dulu Buku Tamu Untuk Blog Agar CSSnya Bisa Di Copy.
Cara Membuat Buku Tamu Bisa Di Baca Di Bawah Ini:
1) Masuk Lah Ke Situs Shoutmix
2) Lalu Mendaftar Lah Disana Dengan Meng-Klik Create
3) Di Halaman Berikutnya Isi Shoutbox Id Anda(Username), Password, Re-type Password, Name, Dan E-mail
4) Jika Sudah Klik Lah Continue. Jika Sudah Berhasil Aktifkan Lah Akun Shoutmix Anda
5) Lalu Login Lah Ke Shoutmix.com Dengan Akun Yang Anda Buka
6) Di Halaman Berikutnya Anda Bisa Mengkonfigurasi Guest Book Anda Atau Menambah Beberapa Fasilitas Seperti Emoticon

7) Jika Sudah Selesai, Maka Code Guest Book Akan DI Tampilkan

Kini Anda Sudah Membuat Guestbook, Maka Saatnya Membuat Hidden Guestbook. Lihat Cara Di Bawah Ini:
1) Login Ke Blogger Anda
2) Masuk Ke Rancangan > Elemen Laman > Tambah Gadget
3) Pilih Html/JavaScript
4) Paste Code Di Bawah Ini

<style type="text/css">




#nempel{position:fixed;top:65px;z-index:+1000;}
* html #nempel{position:relative;}
.nempeltab{height:100px;width:30px;float:left;cursor:pointer;background: #A5BD51 url('http://4.bp.blogspot.com/_wdMlzEeDwHM/TSxg0V42FMI/AAAAAAAAAvo/nVKraqHFcrw/s1600/tabs.gif')no-repeat;}
.nempelisi{float:left;border:2px solid #A5BD51;background:#CCFFFF;padding:8px;}
</style>
<script type="text/javascript">function showHideNempel(){var nempel = document.getElementById("nempel");var w = nempel.offsetWidth;nempel.opened ? moveNempel(0, 30-w) : moveNempel(20-w, 0);nempel.opened = !nempel.opened;}function moveNempel(x0, xf){var nempel = document.getElementById("nempel");var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;nempel.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveNempel("+x+", "+xf+")", 10);}}</script>
<div id="nempel">
<div class="nempeltab" onclick="showHideNempel()"></div>
<div class="nempelisi">
<--Paste Kode Guestbook Anda Disini-->
<div style="text-align:right;"><a style="text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px;" href="javascript:showHideNempel()">[Close]</a></div>
<span><a style="font-size: 10px; cursor:pointer; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color: #999" href="http://modification-blog.blogspot.com/2009/10/gadget-terapung-floating-widget.html" target="_blank">Widget by Blogger Tune-Up</a></span>
</div>
</div>
<script type="text/javascript">var nempel = document.getElementById("nempel");nempel.style.right = (30-nempel.offsetWidth).toString() + "px";</script>


5) Ubah Tulisan <--Paste Kode Guestbook Anda Disini--> Dengan Kode GuestBook Yang Anda Dapatkan

6) Ubah http://4.bp.blogspot.com/_wdMlzEeDwHM/TSxg0V42FMI/AAAAAAAAAvo/nVKraqHFcrw/s1600/tabs.gif Dengan URL Gambar Yang Ingin Anda Tampilkan Saat Guestbook Sedang Dihide

7) Save

Happy Blogging

No comments:

Post a Comment