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 "tjoretan-akoe" 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdfxMrln3lZlw6-SRNsQ0vscLgt3G-_GqDVymCOhOJpR6SjhDjff3O3MHYKIb0dbVRFxjezcKrxaiGUQ5Lx1j9g5ovdq6ylUKu4yRUeUSwoMvF-kVgtpP-w7TsQyHqyCSmns8TGzbVfv62/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 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=717062&boxtag=7mxx3p&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-717062" style="border:#ababab 1px solid;" id="cboxmain7-717062"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=717062&boxtag=7mxx3p&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-717062" style="border:#ababab 1px solid;border-top:0px" id="cboxform7-717062"></iframe></div>
</div>
<!-- END CBOX --> <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://tjoretan-akoe.blogspot.com/2012/05/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>
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=717062&boxtag=7mxx3p&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-717062" style="border:#ababab 1px solid;" id="cboxmain7-717062"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=717062&boxtag=7mxx3p&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-717062" style="border:#ababab 1px solid;border-top:0px" id="cboxform7-717062"></iframe></div>
</div>
<!-- END CBOX --> <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://tjoretan-akoe.blogspot.com/2012/05/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
Tidak ada komentar:
Posting Komentar