Cara Memasang Chatbox (Buku Tamu) Melayang di Blog, [SEOSangatMudah] - Hallo sobat blogger yang berbahagia Tips & Trik SEO, Posting yang saya unggah pada kali ini dengan judul Cara Memasang Chatbox (Buku Tamu) Melayang di Blog, [SEOSangatMudah] , Artikel ini bertujuan untuk memudahkan kalian mencari apa yang kalian inginkan, kami telah mempersiapkan artikel ini dengan baik untuk kalian baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel tips trik blogging, yang kami tulis ini dapat kalian pahami dengan baik, semoga artikel ini berguna untuk kalian, jika ada kesalahan penulisan yang dilakukan oleh penulis mohon dimaafkan karena penulis masih newbie. baiklah, selamat membaca.

Judul : Cara Memasang Chatbox (Buku Tamu) Melayang di Blog, [SEOSangatMudah]
link : Cara Memasang Chatbox (Buku Tamu) Melayang di Blog, [SEOSangatMudah]

Cara Memasang Chatbox (Buku Tamu) Melayang di Blog, [SEOSangatMudah]

Cara Memasang Chatbox (Buku Tamu) Melayang di Blog � Halo pembaca setia Tips SEO + Blog � PC 123. Kali ini saya akan membahas cara membuat (memasang) chatbox atau buku tamu di blog. Tetapi ini bukan chatbox biasa, yang selalu nongol di sidebar blog. Chatbox yang saya bagikan kali ini memiliki kemampuan untuk melayang, membuka dan menutup apabila di klik. Penasaran? Silahkan lihat gambar screenshot-nya dulu :

Sudah dilihat gambar screenshotnya? Jika iya, ikuti langkah � langkah berikut untuk memasangnya di blog Anda :

1.     Pertama, buka http://cbox.ws

2.     Klik tombol sign up (yang ada diatas).

3.     Masukkan data � data yang diperlukan. Lalu, klik Create my cbox!

4.     Lanjutkan dengan login ke akun yang telah Anda buat.

5.     Setelah login, klik tombol Publish, dan copy kode yang tersedia.

6.     Login (lagi) ke blogger, dan pilih Tata Letak -> Tambahkan Gadget -> HTML/Javascript.

7.     Copy kode berikut, dan pastekan kode yang telah Anda copy dari situs cbox.ws pada bagian yang telah ditandai.

<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/AVvXsEgtktnF6CU11-POLGKDl6sRaQpg7wM8iNFHmf3IzPPJKX8GdoQ_7Y44SsHhvUNJeYDRMmOIRERjlSaBEg1b3C7NYPKScBJoMxbA_PiMAgnXGDXqeMSr-86FV10Dt4BSz0F0sjE-bFiFEX5Z/h120/chatbox.png') 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">

Pasang KODENYA DISINI

<div style="text-align:right">

<a href="http://xxpc123xx.blogspot.com">[sumber]</a>><a href="javascript:showHideGB()">

[Tutup]

</a>

</div>

</div>

</div>

<script type="text/javascript">

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

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

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

8.     Terakhir, klik Simpan.

Selamat mencoba! Jangan lupa untuk meninggalkan komentar, dan tolong juga klik tombol Google+ dibawah. Terima kasih, dan salam Blogger!

Demikianlah Artikel Cara Memasang Chatbox (Buku Tamu) Melayang di Blog, [SEOSangatMudah]

Sekianlah artikel Cara Memasang Chatbox (Buku Tamu) Melayang di Blog, [SEOSangatMudah] kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Memasang Chatbox (Buku Tamu) Melayang di Blog, [SEOSangatMudah] dengan alamat link https://seosangatmudah.blogspot.com/2013/10/cara-memasang-chatbox-buku-tamu.html

Tweet