Script ChatBox Melayang Disebelah Kanan

Berikut ini saya ingin berbagi Script sebagai koleksi Net’ers ataupun kebutuhan, Script ini untuk menampilkan ChatBok disamping Blog dengan posisi  position:fixed; ,, meski banyak yang Repost,, namun tujuan Admin cuma ingin berbagi apa yang Admin Jelajahi dan Admin dapat dan sudah Admin coba, tak panjang lebar langsung simak saja yuk.. ^.^

Langkah-langkahnya sbb:

•       Bagi yang sudah punya script ChatBok, ChatAngo, atau Script ChatBox lainnya cukup tinggal Copas Script dibawah ini :

<!-- right hidden chatbox by http://liriklagumudisinipasti.blogspot.com/ START --> <style> #hcl { position:fixed; top:60px; right:6px; z-index:+1000; } * html #hcl {position:relative;} .hcltab { height:120px; width:30px; float:right; cursor:pointer; background:url('http://3.bp.blogspot.com/-MQrMN0akjXY/T6vmWUFuaiI/AAAAAAAABkM/I1nM7FOVZtw/s1600/chatbox.png') no-repeat; } .hclcontent { float:right; border:3px solid #2a00ff; background:#F7F8E0; padding:8px; } .hc-credit {font-size:9px} .hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent"> Copas Script Chatbox Net’ers Disini <br /> <div class="hc-credit"> <span style="float:right"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --> <span style="float:right"> <a href="javascript:showHidehcl()"> [Hide] </a> </span> </span></div> </div> <div class="hcltab" onclick="showHidehcl()"> </div> </div> <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.right = (30-hcl.offsetWidth).toString() + "px"; </script> <!-- right hidden chatbox by http://pemimpisuksesberbagiilmu.blogspot.com/ END -->

• Kemudian masuk ke Layout Bloger => Tambah Gadget => HTML/Script

Lalu save dan lihat hasilnya … ^.^

“Selamat Mencoba”

Keterangan :

=Warna Biru      :  Untuk mengubah Ukuran dan warna Background ataupun Border

=Warna Merah :  Untuk mengatur posisi/letak yang di inginkan dikanan/dikiri ubahlah 

                                sesuai kebutuhan Net’ers, dan

=Warna Hijau  : Bisa Net’ers kreasikan sendiri model  gambar Buka Tutup chatbox’ya..

 

Semoga Bermanfaat !!!

(Pengunjung Yg Baik Slalu Membaca iklan Yg kami sediakan,Terimakasih)

NB : Bila ingin Copas ‘’Copy Paste’’ Tolong Cantumkan Link Blok ku ini  ya ^,^ Trimakasih.