Cara Menciptakan Buku Tamu Di Blog Gratis Terbaru

Buku tamu / Guest book yakni widget yang tidak mengecewakan penting di blog alasannya yakni sanggup berfungsi untuk chatting / komunikasi baik dengan pengunjung ataupun untuk para blogger yang biasanya ingin blogwalking / meninggalkan jejak dengan menaruh link blognya di buku tamu semoga sanggup saling mengunjungi dan pastinya juga sanggup menambah traffic blog sobat. Gadget buku tamu yang biasa digunakan pada blogger, wordpress maupun website yakni cbox, shoutbox dan shoutmix, tapi disini kita akan menciptakan guest book tersebut dengan memakai cbox yang keren, gampang digunakan dan free tanpa bayar.

Kali ini saya akan share dan jelaskan gimana Cara Membuat Buku Tamu Di Blog Gratis Terbaru, silahkan ikuti tutorial langkah - langkah berikut lengkap beserta gambarnya dengan gampang dan cepat buat teman yang ingin pasang guest book pada blogspot.

Cara Memasang Buku Tamu Di Blog Terbaru :

1. Pertama teman sanggup mendaftar / daftar akun cbox dengan cara buka situs web www.cbox.ws kemudian klik Sign up

2. Kemudian isi kotak registrasi menyerupai cbox name (tidak boleh pakai spasi), email address (alamat email), password, confirm password dan website teman serta centang "I agree to the Cbox terms and cconditions of service" jikalau sudah klik Create my Cbox!

3. Cbox Created, akun teman telah terbuat kemudian klik Log in untuk masuk ke dalam Cbox

4. Setelah itu masukkan Account name dan password yang tadi gres dibentuk kemudian klik Log in

5. Maka akan muncul halaman cbok teman kemudian scroll ke bab bawah untuk mendapat arahan nya

6. Berikut embed code cbox, silahkan copy arahan tersebut

7. Kemudian masuk ke blogger teman kemudian klik Laman gres pada Menu Laman / Pages untuk menciptakan buku tamu di halaman blog

8. Isi Judul kemudian klik mode HTML dan masukkan arahan cbox teman ( yang di kotak biru untuk mengatur lebar silahkan ganti menjadi 280px atau sesuai yang diinginkan ), jikalau sudah klik Publikasikan

9. Maka halaman guest book teman telah terbuat klik Lihat untuk melihat hasilnya

10. Selain menciptakan buku tamu cbox di halaman blog, teman juga sanggup menaruh / meletakkan widget tersebut pada sidebar atau footer blog dengan cara pilih Menu Tata letak kemudian pada bab sidebar / footer klik Tambahkan Gadget

11. Maka akan muncul tampilan berikut kemudian klik tombol tambah pada HTML/JavaScript

12. Kemudian isi judul dan masukkan arahan cbox teman kemudian klik simpan maka buku tamu cbox akan tampil di sidebar / footer blog sobat

13. Atau teman juga sanggup menciptakan buku tamu tersembunyi pada samping kanan blog dengan cara menyerupai di atas masuk ke Menu Tata Letak > klik Tambahkan Gadget pada bab footer > pilih HTML/Javascript kemudian untuk judul tidak usah diisi kemudian masukkan arahan di bawah ini (ganti goresan pena warna biru dengan arahan cbox milik sobat) jikalau sudah klik Simpan

<style type="text/css">
#gb{
position:fixed;
top:10px;
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/AVvXsEh8c87ktVbtjZcMm-lJsac1xEN_3qCxWecuBEbBNQyF2e34nKM7MsHI6bbbcNnkrEeok8x5GVs2w9lEEHMY__Pte4EDltrmyNw9gzwyyN_EiOnSdmpLebOjC1s0fxxA8GKg_ppyyougYMhJ/') 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">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
Code cbox milik sobat
<!-- END CBOX -->
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

14. Terakhir klik Simpan setelan.. Selesai

Nah itulah bagaimana cara menciptakan buku tamu di blogspot dengan memakai cbox pada halaman blog, sidebar / footer dan auto hide di samping blog, tinggal pilih mana yang teman sukai.

Silahkan dicoba

Tweet

Subscribe to receive free email updates: