Cara Membuat Buku Tamu/Chat Box Melayang Di Blogspot

 Cara Membuat Chat Box Melayang Di Blogspot, adalah judul artikel sore ini. Membuat Chat Box adalah salah satu cara untuk membuat blog menjadi lebih menarik.Artikel Cara Membuat Chat Box Melayang Di Blogspot sama dengan artikel Cara Membuat Chat Box Di Blogspot  yang sudah dibahas sebelumnya, hanya sedikit  berbeda, yaitu melayang dan tidak melayang. Pada Artikel ini kita menggunakan cbox.ws, Cara sangat mudah

Cara Daftar Ke Layanan Chat Box

1. Buka cbox.ws 

2. Klik kotak SIGN UP

3. Isi Formulirnya dengan benar

4. Centang "I have read and do agree to the Cbox terms and conditions of service"

5. Klik "Create My CBOX"

6. Sign in , Trus Klik Enter pada Keyboard PC sobat

7. Klik "Publish" pada kotak diatas

8. Pada Kotak "Your Website"  Isi dengan URL blog sobat

9. Pada Kotak "Step 2: Choose a Variation" Pilih yang 

   "Deferred Load", setelah itu Klik " Copy To Clipboard"

Contoh

Jangan Lupa Ubah dari defult

Menjadi Deferred Load

Lalu

Cara Memasang nya Ke Blogger 

1. Buka blogger.com

2. Pilih Blog yang ingin anda beri Chat Box Melayang

3. Buka Tata Letak

4. Klik Tambah Gadget

5. Pilih HTML/Java Script

6. Isi HTML/Java Script tersebut dengan HTML/Java Script dibawah ini

<style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat; } .gbcontent { float:left; border:1px solid #000000; -moz-border-radius-bottomleft:5px; -webkit-border-radius-bottomleft:5px; -o-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; background: #F2F2F2; url() no-repeat bottom; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);} }</script> <div id="gb"> <div class="gbtab" onmouseover="showHideGB()"> </div> <div class="gbcontent"> <center> Kode Kamu disini <br /> <div style="text-align:center"> <span style="float:right; color:#000000;">Get this <a target="_blank" href="http://christiantatelu.blogspot.com/2012/03/cara-membuat-buku-tamu-auto-hide-di.html"> widget! </a></span> </div> </center> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script></div>

7. Ubah html/java script "Kode Kamu disini" dengan html/java script yang telah anda dapatkan dari cbox.ws tadi

8. Klik Simpan

Selesai.....

Sekarang, anda sudah mempunyai chat box di blogspot anda sendiri, sebenarnya anda tidak harus menggunakan cbox.ws, tetapi anda juga dapat menggunakan shoutcamp.com atau layanan chat lain, ini hanya sekedar contoh.

Sekian dari saya, jika anda ingin tutorial blog yang lain silahkan kunjungi laman dibawah ini
http://3defit.blogspot.com/search/label/Tutorial

Terima Kasih Atas Kunjungan Anda, Semoga Artikel Ini Bermanfaat, WR.WB