Cara Pasang Widget "Shoutmix CSS" Di Blog

بسم الله الرحمن الرحيم

 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 CSS

=====================================================

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjOCPu6b7HRwY7UfbOfzzad6NcKiNFXTBxqQOCWNyZyK1djXsbTeZ5jjF_MXzDPIkGrUG1OW2CLoVmceMQxyGAcECqvvFXuQevaz5smrUvtRsN3RCEG_cCr37_jLayCJBAK54U1OW5Mf9d/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>

==============================================================

Semoga Bermanfaat   ^_^

==============================================================

• Download DOC