這個寵物作者是木木,網站:http://www.dao-gu.com,王海達博客只是搬磚的o(╯□╰)o
已經打包,下載地址和更詳細的說明訪問:http://blog.wanghaida.com/?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.wanghaida.com/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.wanghaida.com/static/spig/spig.js"></script>
5、注意事項:
①如果代碼無效,請檢查js沖突
②請把spig.js改成你自己的目錄
③自定義顯示的消息,用jQuery選擇器加上showMessage('信息')即可,自行參考spig.js
④關于天氣代碼,我自己申請的中國天氣網的插件http://uc.weather.com.cn/,如果你的顯示不出來,請到http://t.xidie.com/申請