- Apabila sobat belum menggunakan kode JQuery silakan copy kode JQuery berikut diatas kode </Head> pada template blog. Jika sudah ada kode JQuery di blognya silakan lewati langkah ini.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script> - Cari kode </Head> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Head> tersebut.
<style>
#buku_tamu {
position:fixed;_position:absolute;top:5px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#buku_tamu:hover {
position:fixed;_position:absolute;top:5px; right:5px;
}
</style>
<script src='http://monozcore-project.googlecode.com/files/colorbox-min.js'></script>
<link href='https://sites.google.com/site/monozcore/home/fbPopup.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
$(".inline").colorbox({inline:true, width:"300px"});
});
</script> - Copy-paste kode di bawah ini pada bagian atau di bawah <Body> di kode HTML template blog sobat.
<div align='right' id='buku_tamu'>
<a class='inline' href='#bukutamu' title='Buku Tamu'><img alt='Buku Tamu' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCYC5M34g1vtvx7UrJVwJH2JzPTZtm2T8CGGC5WwDpxZamJCSIYeF_1fZT70dOEYJjevYZhGVQahrl8nsaZAW9nhMrQ0GDiDy-9EwYxoZjqjIxFm0Ll-WZOM8OErrq8-LUvPZY5PLo2tjr/s800/Buku%2520Tamu.png'/></a>
</div>
<div style='display:none;'>
<div id='bukutamu' style='padding:0px; overflow:hidden; background:#fff;'>
<center>
Kode script buku tamu disini....
</center>
<div style="padding-right:5px;text-align:right; font-size:60%;"><a href="http://arifinzyt.blogspot.com" style="text-decoration:none;color:grey;" target="blank">Get this widget</a></div>
</div>
</div>
- Keterangan :
| 
Blog Tools- Teks yang berwarna biru merupakan tempat untuk menaruh kode script buku tamu atau chatbox.
- Teks yang berwarna merah merupakan link URL gambar tombol. Pada postingan kali ini saya juga memberikan beberapa pilihan gambar tombol buku tamu.
- Klik "Save" dan lihat hasilnya...
Pilihan Gambar Tombol Buku Tamu :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Ne1GeVwU_6mFgE3kGRmxtJ7CjyXPcP6X53sUl49uZ7ELh_l4Lc20Ow4GfUPX2SbQCm4hKWV1yDx5EXqb8qBI8m8QGQQbS6yJdFTfbkHhO0Rx3RAqUY007ds2539uuFuzpnoGqBs_Ts_o/s800/Buku%2520Tamu%2520Biru.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0CzHqW4R9bFaDRW9YYI7bY6alX6N9IH8gmBrG96Ts1BVuLxZpwc_uQxuS2MhqOsKrxcP9eSZ15kdMP5cYu8MrUuiv9OPu5_jTmEyISwAc8Qme7PsgavecFiBSyJB5jmNED9alaGOEj3jR/s800/Buku%2520Tamu%2520Hijau.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCYC5M34g1vtvx7UrJVwJH2JzPTZtm2T8CGGC5WwDpxZamJCSIYeF_1fZT70dOEYJjevYZhGVQahrl8nsaZAW9nhMrQ0GDiDy-9EwYxoZjqjIxFm0Ll-WZOM8OErrq8-LUvPZY5PLo2tjr/s800/Buku%2520Tamu.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9xV-gDjygrz6CH94nhLI4JB8oqT3Wtq3Y8YbHkT-pDwhDTI5hxw9DhyCFLnVLtlj0GQwR3vwpO9tokZ_p810KNPn4xBQ4c3h5mLUS_QA1wkve8i59rZ7XtHFl_t2-USh2QHhyphenhyphen0NejG3Fw/s800/buku%2520tamu.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCZiNvk_nEyKg_2pMbRfZ8NbbKHZcCApQ7sT0t02EcDx46guzmUMiAMj3ICjdB43L5Fe9-fRKj3d9FkuBCk8QlQuremtWPXWhFNsff1P7hJ5fFDk5Epy3SnwI8f9103Iopirfj2BYlX1ur/s800/bukutamu.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO1jyDeKFnnpVqOSPH4sARVB8MBP4auDYvE9BEClWfmNxPinJuMfHRyM4JrGZcV4592o7F1hxcDrX7O8FntQLtZ3TU6oidwooID06jZQSgbYVUrYXb_lL47e2ORl3FDUolvIUWZMoiGnYv/s800/crosbonz.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3rJKuPvcK87Jz6b4UKFVrdEZ15HQLQLmHkOMGplFKic_n6FuSVAfoe3ZZuDKwX9rYTKLPjck_qgV-acyTKPqnBLoRsLNviYf5wG0-5Jizh2mfFPvex_-C4rUqBkcpZ1-nflqfZocC4hj3/s800/romaterlalusungguh.png
.: Semoga Bermanfaat :.
