Cara Memasang Widget Chatbox Tersembunyi disebelah Kanan Blog

Share this article on :
Selamat datang sobat blogger! kali ini saya akan menjelaskan bagaimana cara memasang Chatbox tersembunyi. Sebelumnya, bagi kamu yang mau mendownload template blog yang keren silahkan klik disini!


kamu belum tau apa itu chatbox? sebenarnya widget chatbox atau buku tamu ini sudah tidak asing lagi dikalangan blogger, tapi yang masih belum tau  lihat saja contohnya dibagian kanan blog Hack-77. gimana? mau mencobanya. langsung saja admin jelaskan caranya

1. Login ke blogger
2. Pilih Layout
3. Tambah gadget, lalu pilih HTML/Javascript
4. Masukkan kode berikut


<style type="text/css">#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:155px;width:30px;float:left;cursor:pointer;background:url('http://2.bp.blogspot.com/_Z_KyM3IvEFQ/S2EvgsgQ7nI/AAAAAAAAA_k/gq8QRLZcHFs/s400/cbblue.png') no-repeat;}.gbcontent{float:left;border:2px solid #005db5;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 KODE CHATBOX KAMU DISINI )
<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Mau Widget Ini? <a href="http://hacksevenseven.blogspot.com/" target="_blank">Klik Disini</a></span></span></div><div style="text-align:right"><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>


*Tulisan yg berwarna oranye bisa kamu tukar dengan link yg lain, jika tidak ditukar maka akan menjadi seperti ini



*Untuk mendapatkan kode Chatbox, kamu harus melakukan registrasi/pendaftaran dulu disini

SELAMAT MENCOBA


TAG : Tips dan trik blog, widget keren, buku tamu, chatbox, chatting, tersembunyi, disebelah kanan, blogger, blogging.

Related Post

Ditulis Oleh : nanda zulvi rahman

Nanda Zulvi Rahman Artikel Cara Memasang Widget Chatbox Tersembunyi disebelah Kanan Blog ini ditulis oleh nanda zulvi rahman pada hari Saturday, April 13, 2013 pukul 2:57 PM. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara Memasang Widget Chatbox Tersembunyi disebelah Kanan Blog dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Sobat yang ingin mengcopy paste atau menyebar-luaskan artikel ini, tolong letakkan link dibawah ini sebagai sumbernya

1 comments:

Ini Blog ku said... Reply comment Saturday, 20 April, 2013

thanks gan...!!

mampirrr,,,,

Jangan malu untuk meninggalkan komentar, kritik dan saran anda. berkomentarlah dengan baik, sopan, sesuai dgn isi postingan dan dengan bahasa Indonesia yang benar. No link aktif. no spam!

 

FOLLOW ADMIN ON INSTAGRAM


Recent Comment

:: Get this Widget here! ::

Friends Link

YOU'RE NEXT HERE!
Mau link anda dipasang disini juga? lihat persyaratan tukar link disini

SITE INFO


JOIN US ON FACEBOOK AND GET UPDATE! close

Get this widgethere