Headlines News :

..

Home » » Memasang Chatbox Tersembunyi Keren

Memasang Chatbox Tersembunyi Keren

Written By Unknown on Rabu, 10 April 2013 | 02.53

Kali ini saya akan share cara memasang widget chatbox kayak punya blog saya, biar gak banyak ribet yukk simak caranya :

  1. Masuk ke blogger 
  2. Pilih tata letak 
  3. Klik "tambah gadget" 
  4. Cari dan klik "HTML / JAVASCRIPT" 
  5. Masukkan judul dan masukkan kode di bawah ini di kotak javascript : 
<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>
MASUKKAN KODE CBOX AGAN DI SINI
<br /> <div style="text-align:center"> <span style="float:right; color:#000000;">Get this <a target="_blank" href="http://master-saga7.blogspot.com/2013/04/memasang-chatbox-tersembunyi-keren.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>


6. Terakhir kemudian simpan
cuman segitu aja sob yang dapat saya bagi kali ini semoga berguna dan bermanfaat
Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

Bantu Dong

My Friend

Its My Page

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Rizal Creations - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger