Panduan
Blogger untuk blogger pemula.Panduan blogger yang akan
menjelaskan/menginformasikan tentang Panduan
Cara Membuat Buku Tamu "Menggantung" Di Blog.Buku
tamu/Shoutmix/Shoutbox merupakan salah satu aksesoris blog yang akoe anggap
sebagai salah satu aksesoris yang wajib ada di blog/website.Bentuk dari buku
tamu mungkin berbeda-beda,namun mempunyai
fungsi
yang sama.Fungsinya adalah untuk memudahkan pengunjung untuk mengisi buku tamu
tersebut,kalau dia pernah singgah di blog sobat.Dalam panduan blogger kali
ini,akoe akan membantu sobat untuk membuat buku tamu/guest book
yang
tampilannya menggantung/melayang di blog.Jika sobat mau lihat contoh buku tamu
menggantung/melayang ini,sobat gak perlu jauh-jauh berkunjung ke blog
lain.Silahkan sobat lihat aja di blog ini "boem-bethem" yang ada di
sebelah kanan sobat bagian atas.Jika sobat tertarik untuk mempunyai buku tamu
yang serupa dengan blog ini,silahkan sobat langsung saja simak penjelasannya di
bawah ini.Caranya cukup mudah kok.......simak ya......
Untuk
memulai membuatnya,silahkan ikuti panduan dan langkah-langkahnya seperti
berikut :
-
Seperti biasa sobat mesti login dulu ke blog sobat
-
Silahkan klik Rancangan
-
Klik elemen laman
-
Klik tambah gadget/add gadget
-
Klik opsi HTML/Javascript
-
Silahkan sobat Copy dan Paste Kode HTML 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://boem-bethem.blogspot.com/2012/06/panduan-cara-membuat-buku-tamu.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>
-
Silahkan sobat ganti tulisan yang berwarna merah dengan
Kode yang sobat peroleh dari cbox
-
Untuk mendapatkan kode dari cbox,silahkan kunjungi Cbox
-
Silahkan Registrasi/Sign Up ( gratis/free ) dengan email sobat terlebih
dulu,kemudian verifikasi email trus silahkan login
-
Silahkan ikuti petunjuk yang ada
-
Copy dan Paste kodenya ke tulisan yg berwarna merah tersebut
- Selesai
Selamat mencoba :)