http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/polkapink.gif
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/polkaorange.gif
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/polkagreen.gif
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/polkablue.gif
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/polkagrey.gif
<div style="text-align: center; width: 190px; height: 200px; background:url(http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/Cow.gif) no-repeat center top; padding-top: 126px; id="cboxdiv">
你的 Cbox 代码
</div>
<div style="text-align: center; width: 190px; height: 200px; background:url (http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/PinkCbox.gif) no-repeat center top; padding-top: 118px; id="cboxdiv">
你的 Cbox 代码
</div>
超好笑 、不过好像有一点过分了厚 ? XD
<a href="javascript:void(0);"onclick="showHideAT()"/><img class="expando" width="70" height="30"src="Follow 图片网址"/></a>3. 保存 。
<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:1px solid #FFFFFF;
background:url(背景网址) #FFFFFF;
padding:10px;
}
</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:url() no-repeat;">你的关注器代码
</div>
</div>
<br />
<div align="right"><a href="javascript:void(0);" onclick="showHideAT()"><a href="http://xiuwen53.blogspot.com/"><div style="color: #FFFFFF;">
<span ></span></div></a></a></div>
</div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/pinkz.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/purplez.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/bluez.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/greenz.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/angrybird.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/angrybirdyelllow.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/angryblue.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/angrygreen.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/angryfat.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/pigatuk.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/pig.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/pigidle.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/pigjahat.png
→ 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>4. 保存 。
<script type="text/javascript">3.把
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=专业网址&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://theonly-wen.blogspot.com/2011/11/facebook.html"target="_blank">Tutorial Here</a></span></div></div>
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/greydivider.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/pinkdivider.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/orangedivider.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/yellowdivider.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/greendivider.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/turqoisedivider.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/bluedivider.png
http://i397.photobucket.com/albums/pp60/yvonnetywen/Freebies/purpledivider.png
