Pasang LEFT - Hidden Chatbox Pada Blogger

Hidden Left Cbox, Untuk melengkapi artikel sebelum nya Right Hidden Cbox saya akan memberikan kode yang serupa ke pada sahabat semua untuk meletakkan Hidden Cbox di kiri blog sahabat,.

Langsung saja ya gak usah berbelit-belit gini, hehehehhe......
Kode nya di bawah ini :


<!-- left hidden chatbox by http://gadogadorahma.blogspot.com START -->
<style>
#hcl { position:fixed;
top:100px;
left:0px; z-index:+1000; }
* html #hcl {position:relative;}

.hcltab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZX35URKk5NDTQfMTc7jH76i7bPGbLbY0-8cn2WoOOUG4Cfe8cehW9unACIbsb0HAD025_HD7u7YiOJGULcw_i9pV-0sUwHA52U6kTyIXm6pMbOllkZEt9rza6LJmHyR7iuEIv4aIvhyY/s400/cbred-LEFT.png')
no-repeat;
}

.hclcontent {
float:left;
border:2px solid #790909;
background:#f3f6f7;
padding:10px;
}

.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.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);}
}
</script>
<div id="hcl"> <div class="hclcontent">

<!-- KODE SHOUTMIX ANDA DISINI -->

<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<a href="http://gadogadorahma.blogspot.com" target="_blank">
Get this widget! </a>
</span>
<span style="float:right">
<a href="javascript:showHidehcl()"> [close]
</a>
</span>
</div>
</div>
<div class="hcltab" onclick="showHidehcl()">
</div>
</div>
<script type="text/javascript">
var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px";
</script>
<!-- left hidden chatbox by http://gadogadorahma.blogspot.com END -->

Udah pada di Copy-kan code nya,.???
sekarang lanjutkan Paste di Java/Script nya. Udah pada taukan cara nya atau lihat di Right Hidden Cbox sebelumnya deh....

Cari Artikel Lainnya Disini

Custom Search

Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek dalam waktu yang singkat,di tuntun dengan tutorial video yang di rancang khusus dan mudah di mengerti, Witto Mengajak anda belajar DISINI.