Home » Tips Blogger » Cara Membuat dan Memasang Buku Tamu di Blog

Cara Membuat dan Memasang Buku Tamu di Blog

Diposkan oleh Dody Saduyasa Pada Friday, October 25, 2013 0 Komentar

Kikukk, ketemu lagi dengan saya, tapi kali ini saya akan share Cara Memasang Buku Tamu Melayang di Sebelah Kanan Blog. Caranya memang gampang-gampang susah tp jangan khawatir saya akan menuntun anda dengan pelan-pelan, sebelum lanjut dengan cara-caranya kita harus tau dulu apa itu buku tamu. Buku tamu mungkin bisa dibilang sejenis chat yang membuat kita bisa langsung berhubungan ke pemilik website/blog, jadi buku tamu itu sangat berguna bagi pengunjung, jika di pikir-pikir buku tamu sebagian besar orang menyalah gunakan buku tamu seperti: Promosi, aplikasi dan lain-lain, itulah yang membuat para blogger malas untuk menggunakan buku tamu. Sebelum lanjut apakah anda yakin ingin membuat buku tamu pada blog anda ? Ok jika kamu yakin, simak dengan konsentrasi dan ikuti petunjuk di bawah ini:

Pertama, Log In Blogger, dengan akun kesayangan anda sendiri
Masuk ke Tata Letak >> Tambah Gadget >> HTML/JavaScript
Lalu copy script di bawah ini pada HTML/JavaScript

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('http://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/s1600/bukutamu.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A5BD51;

background:#F5F5F5;

padding:10px;

}

</style><br />
<br />
<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><br />
<br />
<div id="gb">
<br />
<div class="gbtab" onclick="showHideGB()">
</div>
<br />
<div class="gbcontent">
<br />
Letakkan kode buku tamu di sini<br />
<br />
<div style="text-align:right">
<br />
<a href="http://dodysaduyasa.blogspot.com/2013/10/cara-memasang-buku-tamu-melayang-di.html">Get this widget</a>><a href="javascript:showHideGB()"><br />
<br />
Tutup<br />
<br />
</a><br />
<br />
</div>
<br />
</div>
<br />
</div>
<br />
<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div>
</div>

Keterangan:

Ganti kata Letakkan kode buku tamu disini dengan kode buku tamu kamu.

Nah, jika kamu belum mengerti dalam mencari kode yang saya maksud. Kamu cukup ikuti tutorial di bawah ini untuk mencari kodenya

Pertama kunjungi Cbox ws, itu sebuah website yang akan membuat buku tamu kamu
Lalu klik Sign Up pada website tersebut, isi formulir dengan data-data kamu sendiri, kalo ga salah gambar Sign Up nya seperti di bawah ini

Jika anda telah mengisi formulir dengan lengkap silahkan anda klik Create my Cbox!
Lalu konfirmasi Email anda, atau Klik Disini
Lalu copy kode yang telah di sediakan disana, dan mungkin gambarnya seperti di bawah ini

Nah, tinggal tempel aja di script yang telah saya berikan tadi di atas.

Selesai.

Sekian dulu penjelasan tentang Cara Memasang Buku Tamu Melayang di Sebelah Kanan Blog yang telah dibahas tadi oleh saya, sampai jumpa...

Terimakasih atas kunjungan dan telah membaca Cara Membuat dan Memasang Buku Tamu di Blog .

Jika ingin menyebar luaskan artikel ini, sebarkan kepada rekan kamu melalui :

Cara Membuat dan Memasang Buku Tamu di Blog

Artikel terkait:

Jangan lupa tinggalkan komentar ya...!!!

Post a Comment

Popular Post

Blogroll

Kategori

Statistik Blog

Blog Archive