给WordPress博客添加浮动宠物

给WordPress博客添加浮动宠物

这个宠物作者是木木，网站：http://www.，王海达博客只是搬砖的o(╯□╰)o

已经打包，下载地址和更详细的说明访问：http://blog./?p=1226

下面说一下Wordpress的添加方法，因为此插件是针对Wordpress写的

使用方法：

1、下载提供的脚本文件（百度网盘下载，1:js文件,1:png文件），说的话和网站都在js文件里修改，如果没加载jquery库还需要加载一下。

2、WP后台编辑主题模板footer.php添加以下代码：

<div id="spig" class="spig">
	<div id="message">加载中……</div>
	<div id="mumu" class="mumu"></div>
</div>

3、编辑主题样式表添加如下样式，或者直接引用http://blog./static/spig/spig.css

/* 博客宠物 */
.spig {
	display:block;
	width:150px;
	height:190px;
	position:absolute;
	top: -200px;
	left: 160px;
	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:-30px;
	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:150px;
	height:190px;
	cursor: move;
	background:url(spig.png) no-repeat;
}

4、在主题文件header.php添加以下代码，如果原来已有jQuery的就不用再加了

没有就添加这个
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script type="text/javascript">
<?php 
	if(is_home()){
		echo 'var isindex=true;var title="";';
	}
	else{
		echo 'var isindex=false;var title="',  get_the_title(),'";';
	}
?>
<?php 
	if((($display_name = wp_get_current_user()->display_name) != null)){
		echo 'var visitor="',$display_name,'";';
	}
	else if(isset($_COOKIE['comment_author_'.COOKIEHASH])){
		echo 'var visitor="',$_COOKIE['comment_author_'.COOKIEHASH],'";';
	}
	else{
		echo 'var visitor="游客";';echo "\n";
	}
?>
</script>
<script type="text/javascript" src="http://blog./static/spig/spig.js"></script>

5、注意事项：

①如果代码无效，请检查js冲突
②请把spig.js改成你自己的目录
③自定义显示的消息，用jQuery选择器加上showMessage('信息')即可，自行参考spig.js
④关于天气代码，我自己申请的中国天气网的插件http://uc.weather.com.cn/，如果你的显示不出来，请到http://t./申请