Ada kesalahan di dalam gadget ini

Absen Negara Masuk

free counters

Total Tayangan Halaman

Sabtu, 21 April 2012

Membuat chat box hide ke kana atau ke kiri

langsung aja ya dibaca nich jangan ampe ngantuk kalo ngantuk ngopi dulu
untuk caranya 
1.Copy scrip dibawah ini dan ganti tulisan <!-- KODE SHOUTMIX ANDA DISINI --> dengan scrip kode cat box anda

 caranya :
  • Klik Dasbord - 
  • Tata Letak - Elemen Lama,
  •  Lalu anda klik tambah gadget / add gadget dan pilih opsi HTML/ Javascript. 
  • Paste kode HTML yang tadi anda copy sebelumnya. 
  • Klik OK dan 
  • Save
  •  
Berikut ini adalah icon hidden chatbox dan warna border yang serasi dan bisa anda gunakan dalam hidden chatbox anda :



URL Gambarhttp://1.bp.blogspot.com/_GmDoFC87tnc/S9mFSX2I_qI/AAAAAAAAAfs/60n9Gquxt6o/s1600/cbblue-2.png
Warna border #0079a0


URL Gambarhttp://3.bp.blogspot.com/_GmDoFC87tnc/S9mFR0N8DLI/AAAAAAAAAfk/HRgxuRNSsWk/s1600/cbblue.png
Warna border #003e82


URL Gambarhttp://1.bp.blogspot.com/_GmDoFC87tnc/S9mFRucX-HI/AAAAAAAAAfc/WmswhSn7reM/s1600/cbgreen.png
Warna border #008232






URL Gambarhttp://3.bp.blogspot.com/_GmDoFC87tnc/S9mFROZPMBI/AAAAAAAAAfU/e0Qb4B7Gr_I/s1600/cbyellow.png
Warna border #aca500


URL Gambarhttp://4.bp.blogspot.com/_GmDoFC87tnc/S9mFQhSm5PI/AAAAAAAAAfM/CermeFfIask/s1600/cbred.png
Warna border #790909




untuk menggantinya cari tulisan background:url ganti kode nya dengan kode di atas atau kalo punya kode sendiri bisa di ganti dengan punya sendiri.

 Left Hidden Chatbox


<!-- left hidden chatbox by http://www.m-azka.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('
http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S2Evq5hIpUI/AAAAAAAABAM/3qo6ScKImhw/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 -->



Right Hidden Chatbox

<!-- right hidden chatbox by http://www.m-azka.com/ START -->
<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;width:30px;
float:left;
cursor:pointer;
background:url('
http://b.imagehost.org/0611/buku-tamu.png') no-repeat;
}
.hcrcontent {
float:left;
border:
2px solid #003e82;
background:
#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">
<!-- KODE SHOUTMIX ANDA DISINI -->
SETELAH MEMBACA JANGAN LUPA KOMENYA GAN MINIMAL TINGGAL KAN JEJAK...SALAM BLOGER..

<-------------------------------------------------------------------------->