Cara Membuat Buku Tamu Pada Blog

Buku tamu merupakan tempat untuk menaruh pesan singkat di blog anda ketika sedang ada yang berkunjung.  Membuat buku tamu harus menggunakan jasa web yang menyediakan layanan buku tamu. Maksud dari judul tersembunyi disini bukan lah buku tamu yang tidak bisa dilihat oleh pengujung, tetapi buku tamu ini akan berada di sebelah artikel blog yang akan terbuka jika ada yang klik gambar buku tamu tersebut. jika masih bingung silahkan ke halaman awal blog ini, dan lihat tulisan bukut tamu. Jika anda tertarik untuk Cara Membuat Buku Tamu Pada Blog ini, silahkan ikuti langkah berikut:
Sebelum anda membuat buku tamu ini, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Shoutbox, Cbox, atau Shoutmix. Saya menyarankan ke Cbox. Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut :

1. Login di blogger dengan ID anda
2. Klik menu Tata Letak
3. Klik Tambah gadget
4. Klik HTML/javascript
5. Copy paste kode di bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJnXeRbrTGS74wMFMlo9ju8GZsQdg3AEAwN6XWQP0IfpRi1j6cY0UOUqKgN4yQ-oLeXJPLz7haKtIzRLqHPdbelS1uq5ngrngou-hMtsRMg9JHkikMhvJx-tHk437ojNHW43D5_SqggSLJ/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</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">

< Letakkan disini kode chatbox Anda>

<div style="text-align:right">
<a href="http://ins-think.blogspot.com/2012/04/cara-membuat-buku-tamu-pada-blog.html">
[Get this style]
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>


Ganti tulisan < Letakkan disini kode chatbox Anda> dengan kode script cbox anda.

6. Simpan, kemudian lihat blog anda.

Jika langkah tersebut sudah anda lakukan,anda dapat melihat hasilnya pada blog anda masing-masing. Demikianlah Cara Membuat Buku Tamu Pada Blog ini, semoga bermanfaat.  

Posted in: Blog