Minggu, 20 Februari 2011

Membuat Float Shoutbox ( Shoutbox Melayang )

Bismilahirahmanirahim .-
Mksud'a apa gan shoutbox melayang ??? , coba kamu liat pojok kanan atas blog ini ..... itu adalah shoutbox melayang so g bkin blog jdi penuh .-

Nih cra'a :


  •     Login to your BLOG
  •     Rancangan > Edit HTML
  •     Copy kode di bawah ini tepat di atas kode ]]></b:skin>

 /*-- Right-Float Chatbox DarkArd.blogspot.com --*/
#DADcr{position:fixed; top:50px; z-index:+1000}
* html #DADcr{position:relative}
.DADcrtab{height:125px; width:30px; float:left; cursor:pointer; background:url(http://lh3.ggpht.com/_GaKwmMcf4N4/TSKIXCAopTI/AAAAAAAAD_M/2pHBa3Gzb5w/DADrchat.png) no-repeat}
.DADcrcontent{float:left;border:2px solid #db4b0c; background:#000000; padding:10px}
.DADcr-close{font-size:13px}
.DADcr-close{color:#db4b0c}
.DADcr-close a{text-decoration:none}

  • Trus Pada Elemen Laman, Klik Tambah Gadget, Pilih HTML/JavaScript, trus masukin kode berikut:


<!-- Float Chatbox DarkArd.blogspot.com Code Start -->
<script>
function showHideDADcr(){
var DADcr = document.getElementById("DADcr");
var w = DADcr.offsetWidth;
DADcr.opened ? moveDADcr(0, 30-w) : moveDADcr(20-w, 0);
DADcr.opened = !DADcr.opened;
}
function moveDADcr(x0, xf){
var DADcr = document.getElementById("DADcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
DADcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveDADcr("+x+", "+xf+")", 10);}
}
</script>
<div id="DADcr">
<div class="DADcrtab" onclick="showHideDADcr()"> </div>
<div class="DADcrcontent">
<center>

<!--CHATBOX KAMU DISINI-->


</center>
<br />
<div class="DADcr-close">
<Script type='text/javascript' src='http://www.fileden.com/files/2009/11/17/2654961/My Documents/DADflchat.txt'></Script>
<span style="float:right">
<a href="javascript:showHideDADcr()">
[Close]
</a></span></div>
</div></div>

<script>
var DADcr = document.getElementById("DADcr");
DADcr.style.right = (30-DADcr.offsetWidth).toString() + "px";
</script>
<!-- Float Chatbox DarkArd.blogspot.com Code End -->

Tidak ada komentar:

Posting Komentar