码迷,mamicode.com
首页 > 其他好文 > 详细

博客园加上博客精灵

时间:2015-11-25 22:20:30      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:

以前玩wordpress就喜欢这个博客精灵,现在给我博客园也加个这个,萌萌哒!

下面是教程

  1. 准备好两个文件(右键另存) 

  2. 然后添加代码

    • CSS代码
.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的图片地址

    • html代码(需要申请js)
<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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!