Cara Menambah Chatbox showhide dipojok kanan blog tanpa edit template

Langsung saja deh sob,
1.Login blog Sobat
2.Pilih Add Gadget
4.Tambahkan Semua Kode Berikut ini:

<style type="text/css">
position: fixed;right: 50px;z-index:+1000;}
* html #at{position:relative;}
.attab{position:fixed;top:0px; right:0px;
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollright+ document.documentElement.clientWidth - offsetWidth); }
border:1px solid  #53cc1e;
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(55, 1500-w) : moveAT(20-w, 55);
at.opened = !at.opened;
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir; = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:#111111;">

Masukkan Kode Chatbox Kamu Disini


<br />
<div align="center"><a href="javascript:void(0);" onclick="showHideAT()">
<form style="border: 1px solid #53cc1e; padding: 3px; text-align: center; width: auto;background-color: black;">CLOSE</form>
</a><a href="" rel="dofollow" title="Blog Hermanbagus" target="_blank">Get This Widget </a></div>


<script type="text/javascript">
var at = document.getElementById("at"); = (-400-at.offsetWidth).toString() + "px";

<div style='display:scroll; position:fixed; top:55px; right:10px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="" title="Tinggalkan Pesan Atau Jejak Anda Di Chatbox ini, Clik Untuk Membukanya" width="40px" height="125px"  /></a>

Subscribe to receive free email updates:

0 Response to "Cara Menambah Chatbox showhide dipojok kanan blog tanpa edit template"

Post a Comment