为Blogger(Blogspot)添加友言

1 星2 星3 星4 星5 星 (觉着不错就5星评价哦)
友言一个简单而强大的社会化评论系统,一键评论同步至社交网络,增加网站用户活跃度,调动好友参与评论,帮助网站实现社会化网络优化(SMO)。友言可以发表评论同步至社会化媒体,并且作为网站与SNS网络沟通的桥梁,通过社会化媒体优化(SMO),吸引更多网站回访,提升网站PV流量,口碑营销更加高效。
既然这么好,那就安装吧!我的要求也是很简单,每篇文章末显示,首页不显示,而且要在紧跟每篇文章之末,页码之前。
因为友言示提供Blogger的特定代码,那就用通用代码吧。在网址http://www.uyan.cc/getcode申请好代码后一般是如下格式:
<!-- UY BEGIN -->
<div id="uyan_frame"></div>
<script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>
<!-- UY END -->
初级方法:
因为本人是代码盲,看不懂代码,从上面一段代码大概意思是首先给个名,然后就再干什么,前后两条是说明。首先想想,因为要求上面也说过了,因此猜代码应该放在post body及类似代码的后面。经过尝试发现上段代码放在<b:if cond='data:numPosts != 0'>或者<!-- navigation -->   <b:include name='nextprev'/>之前有比较好的效果。这样在每页后面显示友言,而且是在页码之前。但是唯一不美观的地方是首页的最末也显示一项友言。最后再分析,再思考,发现怎么都无法完美的满足我的要求。
经过分析无觅的代码的解决方案http://www.www.anaids.com/2013/05/google-blogger-blogspot.html发现,无觅的代码比友言不一样,最特别的地方是多了一条<b:if cond='data:blog.pageType == &quot;item&quot;'>一行代码。能不能也给友言加上这段代码。
好了,虽然不懂代码,就抱着试试看吧。把友言的代码改成如下
<!-- UY BEGIN -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id="uyan_frame"></div>
<script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>
</b:if>
<!-- UY END -->
把上面的代码放在如下代码之后
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
可以使用查找的方法查找<b:if cond='data:label.isLast != &quot;true&quot;'>
如果 与无觅同时使用,建议放在无觅代码之后,这样推荐的文章在前,评论框就紧跟后面。终于比较完美的满足我的要求了。
完美方法:
再分析友言的代码发现,开始的<div id="uyan_frame"></div>是给友言命名,也许编程上不这样讲,我是这样理解的。决定友言位置的就是这一代码。而紧跟后面的才是评论的内容。上面的初级方法虽然满足了要求,但是对加载速度还是有影响的。最好是把<script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>放最后加载,这样可以更快的显示网页。
有了这种思想,再把友言的代码改改,只把如下代码放在上述位置
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id="uyan_frame"></div>
</b:if>
而如下代码<script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>放在</body>之前,这样可以最后加载,更快的显示网页。
PS:建议在代码之前加个说明,这样下回找的时候好找。如
<!--友言图标开始-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id="uyan_frame"></div>
</b:if>
<!--友言结束结束-->
<!--友言代码开始-->
<script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>
<!--友言代码结束-->

 

本博客文章如未特别说明,皆默认采用署名-相同方式共享 4.0 国际协议

相关文章

发表评论

电子邮件地址不会被公开。