为Google Blogger添加友荐

1 星2 星3 星4 星5 星 (觉着不错就给个五星呗)
  • A+
所属分类:WordPress

"友荐"一个覆盖上亿用户的“猜你喜欢”网络,使用最先进的语义分析及社会化推荐技术,为每位用户匹配可能最感兴趣的内容,只需添加一行代码,即可为网站添加站内智能推荐功能,它与友言是一家公司。由于友荐现在支持的平台还无针对Blogger的代码,现在看看如何更好在Blogger中添加友荐。

先去网站http://www.ujian.cc注册账号,如果有友言的可以跳过这一步。然后是获取代码,可以初步自我设定一下。如果是选择的侧栏式,基本按照网站介绍安装就可以,基本不会出什么问题。但是建议选择嵌入式,这样效率更高些。而且嵌入式的安装最麻烦。初步设置后复复制代码,得到如下一段代码

  1. <!-- UJian Button BEGIN -->
  2. <div></div>
  3. <script type="text/javascript" src="http://v1.ujian.cc/code/ujian.js?uid=1785497"></script>
  4. <a href="http://www.ujian.cc" style="border:0;"><img src="http://img.ujian.cc/pixel.png" alt="为Google Blogger添加友荐" alt="友荐云推荐" style="border:0;padding:0;margin:0;" /></a>
  5. <!-- UJian Button END -->

初级方法

修改上述代码,增加一段红色代码,修改代码成如下格式

  1. <!-- UJian Button BEGIN -->
  2. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3. <div></div>
  4. <script type="text/javascript" src="http://v1.ujian.cc/code/ujian.js?uid=1785497"></script>
  5. <a href="http://www.ujian.cc" style="border:0;"><img src="http://img.ujian.cc/pixel.png" alt="为Google Blogger添加友荐" alt="友荐云推荐" style="border:0;padding:0;margin:0;" /></a>
  6. <!-- UJian Button END -->
为Google Blogger添加友荐

把上面的代码放在如下代码之后即可

  1. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  2. </b:loop>
  3. </b:if>

代码优化

可以只把如下代码放在上述位置

  1. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2. <div id="uyan_frame"></div>

而如下代码

  1. <script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>

放在</body>之前,

 进一步优化:把友言友荐代码合并

因为友言和友荐的代码差不多,因此可以把友言和友荐的代码合并一起安装,具体如下:

更改代码

把如下代码安装到如下代码的 </b:if>之后,成如下样式

  1. <!--友言友荐图标开始-->
  2. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3. <div></div>
  4. <div id="uyan_frame"></div>
  5. </b:if>
  6. <!-- 友言友荐图标结束-->

把如下代码安装到</body>之前

  1. <!--友言友荐代码开始-->
  2. <script type="text/javascript" src="http://v1.ujian.cc/code/ujian.js?uid=1785497"></script
  3. <a href="http://www.ujian.cc" style="border:0;"><img src="http://img.ujian.cc/pixel.png" alt="为Google Blogger添加友荐" alt="友荐云推荐" style="border:0;padding:0;margin:0;" /></a>
  4. <script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>
  5. <!--友言友荐代码结束 -->

这样最后的格式就是先出友荐推荐,最后是评论框,如本博客所示。

PS:Win8+Chrome测试
weinxin
公众号
科研动力微信公众号,欢迎关注!

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: