【071】我的博客园中的插件源码

右边的“分享到...”实现：

来源：http://www.jiathis.com/

代码实现：

<script type="text/javascript" >
var jiathis_config={
    showClose:true,
    hideMore:false
}
</script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?btn=r.gif&move=1" charset="utf-8"></script>

---

右下角的“回到顶部”实现：

代码实现：

<div style="right: 10px; left: auto; position: fixed; top: auto; bottom: 10px; z-index: 99999999; overflow: hidden;">

<a href="javascript:scroll(0,0)"><img src="http://c.dryicons.com/images/icon_sets/stickers_icon_set/png/128x128/up_arrow.png"; width=70>

</div>

---

左边的“个人简介”实现：

代码实现：

<p style="color:red; text-align:center; font-weight:bold">个人简介</p>

<p style="font-size:10pt">&nbsp;&nbsp;&nbsp;&nbsp;本是学习地理的，偏偏喜欢上了编程，兴趣是最好的老师，不管你信不信，反正我是信了，哈哈哈！！！！</p>

<img src="http://www.chinagif.com/gif/part/naked_bb/0045.gif"></img>

---

左边的“Follow Me”实现：

来源：http://www.addthis.com/

实现代码：

<p style="color:red; text-align:center; font-weight:bold">You Can Follow Me !!!</p>

<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_sinaweibo_follow" addthis:userid="alexbnlee"></a>

<p style="font-size:10pt; font-weight:bold">&nbsp;&nbsp;→&nbsp;&nbsp;<a href="http://weibo.com/210104947" target="_blank">Lee Ping-Nam</a></p>

</div>
<p style="font-size:10pt; text-align:center">&lt;&lt;墙外联络方式&gt;&gt;</a></p>

<div class="addthis_toolbox addthis_32x32_style addthis_default_style">

<a class="addthis_button_facebook_follow" addthis:userid="alexbnlee"></a>

<a class="addthis_button_twitter_follow" addthis:userid="McDelfino_Lee"></a> 

<a class="addthis_button_youtube_follow" addthis:userid="MrMcDelfino"></a> 

<a class="addthis_button_google_follow" addthis:userid="112757353152562277976"></a>

<a class="addthis_button_tumblr_follow" addthis:userid="alexbnlee"></a>

</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fd7519410428e1e"></script>

---

左边的“Visitors”实现：

来源：http://s09.flagcounter.com/index.html

实现代码：

&nbsp;&nbsp;&nbsp;<a href="http://s09.flagcounter.com/more/nafU"><img src="http://s09.flagcounter.com/count/nafU/bg_000000/txt_05FFBC/border_000000/columns_2/maxflags_12/viewers_0/labels_0/pageviews_1/flags_1/" alt="free counters" border="0"></a>

文章底端签名实现：

博客园 → 设置 → 博客签名（左侧）

第一版代码：

?

1 2 3 4 5 6 7

<div style="height: 55px; background: #e6fae6; padding: 10px 10px 10px 10px; border: 1px dashed #e0e0e0; font-family: 微软雅黑; font-size: 12px; text-indent: 0em;"> <div style="float: left; width: 55px; height: 55px;"><a href="http://www.cnblogs.com/alex-bn-lee/"><img src="http://images2015.cnblogs.com/blog/323776/201601/323776-20160129105545677-940179626.jpg" alt width="55" height="55"></a></div> <div style="margin-left: 67px; margin-top: 2px;"> 作者：<a href="http://www.cnblogs.com/alex-bn-lee/" target="_blank">McDelfino</a> <br> 出处：<a href="http://www.cnblogs.com/alex-bn-lee/" target="_blank">http://www.cnblogs.com/alex-bn-lee/</a> <br> 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接，谢谢！ </div></div>

 第二版代码：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<div style="height: 352px; background: #e6fae6; padding: 10px 10px 10px 10px; border: 1px dashed #e0e0e0; font-family: 微软雅黑; font-size: 12px; text-indent: 0em"> <div style="float: left; width: 55px; height: 55px"><a href="http://www.cnblogs.com/alex-bn-lee/"><img src="http://images2015.cnblogs.com/blog/323776/201601/323776-20160129105545677-940179626.jpg" alt="" width="55" height="55"></a></div> <div style="margin-left: 67px; margin-top: 2px"> 作者：<a href="http://www.cnblogs.com/alex-bn-lee/" target="_blank">McDelfino</a> <br> 出处：<a href="http://www.cnblogs.com/alex-bn-lee/" target="_blank">http://www.cnblogs.com/alex-bn-lee/</a> <br> 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接，谢谢！ <hr> <div> 小广告^_^喜欢博主的内容可以扫红包哦，也可以直接支付哦（不会扣您的钱），谢谢支持！ </div> <div style="padding: 5px 0 5px 0"> <img src="https://files.cnblogs.com/files/alex-bn-lee/hongbao.gif" alt="" width="406" height="255"> </div> </div> </div>

 

---

 

侧边栏备份

<!-- *********** 横线 *********** -->
<hr />

<hr />

<!-- *********** 3D地图/2016.01.28 *********** -->
<div style="border-radius:5px;text-align:center; margin:0; padding:0; width:180px;"><embed src="//ra.revolvermaps.com/f/g.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" wmode="window" allowScriptAccess="always" allowNetworking="all" width="180" height="180" flashvars="m=0&amp;i=0xoqkxnu52c&amp;r=false&amp;v=true&amp;b=000000&amp;n=false&amp;s=180&amp;c=ff0000"></embed><br /><img src="//ra.revolvermaps.com/js/c/0xoqkxnu52c.gif" width="1" height="1" alt="" /></div>
<div style="width:180px;color:grey;text-align:right;font-weight:100;font-size:9px;">From Jan 28, 2016</div>
<hr />

<!-- *********** 超萌小老鼠 *********** -->
<object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&amp;up_feetColor=D4C898&amp;up_eyeColor=000567&amp;up_wheelSpokeColor=DEDEDE&amp;up_wheelColor=FFFFFF&amp;up_waterColor=E0EFFF&amp;up_earColor=b0c4de&amp;up_wheelOuterColor=FF4D4D&amp;up_snoutColor=F7F4E9&amp;up_bgColor=F0E4E4&amp;up_foodColor=cba920&amp;up_wheelCenterColor=E4EB2F&amp;up_tailColor=E6DEBE&amp;" width="180" height="144"> 
<param name="movie" value="http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&amp;up_feetColor=D4C898&amp;up_eyeColor=000567&amp;up_wheelSpokeColor=DEDEDE&amp;up_wheelColor=FFFFFF&amp;up_waterColor=E0EFFF&amp;up_earColor=b0c4de&amp;up_wheelOuterColor=FF4D4D&amp;up_snoutColor=F7F4E9&amp;up_bgColor=F0E4E4&amp;up_foodColor=cba920&amp;up_wheelCenterColor=E4EB2E&amp;up_tailColor=E6DEBE&amp;"> 
<param name="AllowScriptAccess" value="always"> 
<param name="wmode" value="opaque"></object> 
<!--<span style="color: #000000;font-size: 9pt;">这是我的小宠物 Saki~，点击上面的图片就能给它喂食儿了~</span>-->
<hr />


<!-- *********** 人体时钟 *********** -->
<!--
<div class="lefttimer">
<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script>
</div>
<hr />
-->

<!-- *********** 访问统计/2012.06.12 *********** -->
<div align="center">
<a href="http://s09.flagcounter.com/more/nafU"><img src="http://s09.flagcounter.com/count/nafU/bg_000000/txt_05FFBC/border_000000/columns_2/maxflags_12/viewers_0/labels_0/pageviews_1/flags_1/" alt="free counters" border="0"></a>
</div>
<div style="width:180px;color:grey;text-align:right;font-weight:100;font-size:9px;">From Jun 12, 2012</div>
<hr />

<!-- *********** 国内社交媒体 *********** -->
<!--
<p style="color:red; text-align:center; font-weight:400">You Can Follow Me !!!</p>
<p align="center">&lt;&lt;新浪微博&gt;&gt;</p>
<html xmlns:wb=“http://open.weibo.com/wb”>
<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
<wb:follow-button uid="1760547134" type="red_3" width="100%" height="24" ></wb:follow-button>
<p align="center">&lt;&lt;人人网&gt;&gt;</p>
<a href="http://www.renren.com/232329061?ss=17095&origin=920001" target="_blank"><img src="http://signature.xnimg.cn/badge/signature/sig/232329061/6248d12d0da1fff457924615a8c88789/0/8.png"  width=180></a>  
-->

<!-- *********** 国外社交媒体 *********** -->
<!--
<p style="font-size:10pt; text-align:center">&lt;&lt;其他联络方式&gt;&gt;</a></p>
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="alexbnlee"></a>
<a class="addthis_button_twitter_follow" addthis:userid="McDelfino_Lee"></a> 
<a class="addthis_button_youtube_follow" addthis:userid="MrMcDelfino"></a> 
<a class="addthis_button_google_follow" addthis:userid="112757353152562277976"></a>
<a class="addthis_button_tumblr_follow" addthis:userid="alexbnlee"></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fd7519410428e1e"></script>
<hr />
-->

<!-- *********** 侧边分享按钮 *********** -->
<!--
<script type="text/javascript" >
var jiathis_config={
    showClose:true,
    hideMore:false
}
</script>
<script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?btn=r.gif&move=1" charset="utf-8"></script>
 -->


<!-- *********** 回到顶部 *********** -->
<div style="right: 5px; left: auto; position: fixed; top: auto; bottom: 5px; z-index: 99999999; overflow: hidden; opacity:0.5;">
<a href="javascript:scroll(0,0)"><img src="http://images.cnblogs.com/cnblogs_com/alex-bn-lee/861481/o_MTLkyykzc.png"; width=50>
</div>

<!-- *********** 回到底部 *********** -->
<div style="right: 5px; left: auto; position: fixed; top: 5px; bottom: auto; z-index: 99999999; overflow: hidden; opacity:0.5;">
<a href="javascript:scroll(0,1000000)"><img src="http://images.cnblogs.com/cnblogs_com/alex-bn-lee/861481/o_MTLkyykzc--.png"; width=50>
</div>