Cara Pasang Widget "Shoutmix CSS" Di Blog

Diposting oleh MaulanaSide on Rabu, 30 November 2011


apakah anda mencari tentang Shoutmix CSS? Kalau begitu anda pilih blog yang tepat dalam mancari artikel "Shoutmix CSS",, tida usah basa basi langsung saja saya tunjukkan cara pasang Shoutmix CSSMaulana-Site
=====================================================
Ganti Kode yang berwarna merah dgn html Shoutmix anda
======================================================
<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #999;
background: #000;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
-moz-box-shadow: 0px 2px 5px 0px #f8f9b9;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
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;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:#000;">
<!-- Begin ShoutMix -->
<iframe id="shoutmix_iqbalblogger" src="http://sht.mx/iqbalblogger" width="500" height="400" frameborder="0" scrolling="auto">
<a href="http://sht.mx/iqbalblogger">Join the conversation at ShoutMix</a>
</iframe>
<!-- End ShoutMix -->
</div>
</div>
<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="https://lh5.googleusercontent.com/-r1i4MbA737M/TXe_geYYU9I/AAAAAAAAB5A/PgOy7-VjLAE/s1600/close.png" alt="close" title="Click here to Close Cbox" /></a></div>
</div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
<div style='display:scroll; position:fixed; top:20px; right:0px;'><a href="javascript:void(0);"onclick="showHideAT()"/><img src="http://dl.dropbox.com/u/24368183/chatbox.gif"  /></a>
</div>

Sumber: Maulana-Site
Sumber: Iqbal Blogger

Posting Komentar