10:12 AM
1

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.

1 komentar:

Sungguh amat berterimakasih bila pengunjung meninggalkan koment untuk kemajuan Blog ini dan untuk Eksistensinya.. Terimakasih ^.^

BTCClicks.com Banner
Klik Close Untuk Gabung Ke Grup ==>> close

==:== Pasang Iklan Gratis 1 Bulan ==:==

==:== Kontak Admin Di Grup ==:==