Coba sampeyan tuju pandangan ke samping kanan atas blog ini disitu ada gambar yang ada tulisannya Guest Book nah... itulah Buku Tamu dengan background, yang kalau diklik akan keluar form isian Nama, Website dan Message. Buku Tamu atau Guest Book tersebut melayang artinya tidak terpengaruh oleh scroll mouse, walaupun mouse digulir ke bawah Buku Tamu tersebut tetap terlihat.
Untuk membuatnya ikuti langkah berikut :
- Masuk ke Blogger
- Klik Rancangan
- klik Elemen Laman
- klik Tambah Gadget
- Klik "HTML/JavaScript"
- Kemudian Copy/Paste kode di bawah ini :
<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('http://1.bp.blogspot.com/_w-dfDljRV3Q/TRXJ-ExUXII/AAAAAAAAAn8/sl_ZVhQFU9c/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </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"> <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik sampeyan <!-- END CBOX --> <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://belajar-coreldraw.blogspot.com/2011/12/cara-membuat-buku-tamu-melayang.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>
Keterangan :
Yang berwarna merah ganti dengan kode yang sampeyan peroleh dari Cbox
Sekian, ini ada singkong goreng dan secangkir kopi, mau sampeyan?...

Pengelola Blog


Artikelnya menarik gan... mau nanya nih gan, saya tertarik dengan tampilan Page blog ini, bagaimana cara buatnya yah gan ?
ReplyDeleteTerima kasih sebelumnya, tampilah halaman blog ini menggunakan template desain - Simple yang didukung oleh blogger, dan untuk edit template sumua sudah aku posting pada blog ini gan..
ReplyDeletesiip... makasih gan !
ReplyDeletemakasih bgetz..... ini membantu bget...
ReplyDeletekunjungan balik YUgh gan http://firecybernet.blogspot.com/
ReplyDeletemakasih info nya gan... udah saya pasang di blg saya.. tapi ga lama posisinya jadi pindah kebawah... kenapa ya?
ReplyDeleteayo gabung di..
ReplyDeletehttp://www.ayobai.com/sastrosajadi
Infonya sangat bermanfaat gan. saya rasa artikel ini membuat saya lebih tahu dan lebih paham.
ReplyDeleteoh iya gan perkenalkan saya seorang blogger pemula yang masih belajar tentang blog.
makanya saya semangat cari info-info lain yang mungkin saja bermanfaat buat saya peribadi.
Oh iya berikut ini artikel yang saya bangga-banggakan gan. dibaca ya.
Cara Membuat Blog dengan Blogger
Cara Memasang Animasi Burung Twitter Melayang di Blog
Cara Memasang Widget Alexa Rank di Blog
Cara Membuat About Me Di Blog
Cara Membuat Buku Tamu Tersembunyi Pada Blogger
Semoga semua yang saya tulis bermanfaat buan agan pribadi termasuk pengunjung blog ini.
Kao mw buat buku tamu agan bisa baca di artikel Cara Membuat Buku Tamu Tersembunyi di Blog
Ok gan. terimakasih lagi atas infonya, semoga agan rajin updatenya dan sukses selalu.
salam kenal dari saya.
Nice artikelnya, Thanks infonya :)
ReplyDeletehttp://grosirprodukgreenworld.com/
http://kedaiacemaxs.com/
http://obatacemaxsid.com/
Makasih infonya gan,,
ReplyDeleteSangat bermanfaat