以前玩wordpress就喜欢这个博客精灵，现在给我博客园也加个这个，萌萌哒！
1. 准备好两个文件（右键另存）
2. 然后添加代码
.spig {display:block;width:175px;height:246px;position:absolute;bottom: 300px;left:180px;z-index:9999;} #message{color :#191919;border: 1px solid #c4c4c4;background:#ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;min-height:1em;padding:5px;top:-45px;position:absolute;text-align:center;width:auto !important;z-index:10000;-moz-box-shadow:0 0 15px #eeeeee;-webkit-box-shadow:0 0 15px #eeeeee;border-color:#eeeeee;box-shadow:0 0 15px #eeeeee;outline:none;} .mumu{width:175px;height:246px;cursor: move;background:url(http://ceqt.qiniudn.com/15-11-25/32012279.jpg) no-repeat;}
http://ceqt.qiniudn.com/15-11-25/32012279.jpg可以换成你的spig.png的图片地址
<script src="http://files.cnblogs.com/files/flipped/spig.js"></script> <!--博客精灵 start*--> <div id="spig" class="spig"> <div id="message">……</div> <div id="mumu" class="mumu"></div> </div> <script type="text/javascript"> var isindex=true; var title=""; var visitor="不评论的大叔"; </script> <!--精灵end*-->
http://files.cnblogs.com/files/flipped/spig.js换成你的js代码（为什么要换呢？因为里面有的内容需要修改，比如有网址的地方）
3.然后？没啦！就这样就ok了，有什么问题可以问我哦。
原文：http://www.cnblogs.com/flipped/p/4995863.html