BT | 在你的博客右上角添加隐藏式展开最新评论部件

说真的蛮懒去更新的，也不知道有没有人需要，如果get√走的话请留言哦，谢谢。因为如果我以为没人用，我删掉就没有效了。
【没有效了，抱歉(。・＿・。)ﾉ】

↓

效果就好像我的博客这样，鼠标触碰就会展开最新评论。滚动条会根据你的博客的滚动条。


  去你的博客页面>    布局

  添加小工具>     HTML / JavaScript

  把以下代码给丢进去

<style> #tab1 { background-color:#FFF; border-bottom:0px solid #555; border-top:0px solid #555; border-left:0px solid #555; border-right:0px solid #888; width:15px; /* width before hovering */ height:7px; /* height before hovering */ font-size:11px; /* font size */ font-family: '微軟正黑體'; /* font */ color: #808080; border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; position:fixed; overflow: hidden; top:4px; right:10px; z-index:999999999; padding:9px; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;} #tab1icon{ font-size:16px; /* size of text icon */ color:#808080; /* colour of text icon */ margin-top:-6px; margin-right:0px; text-align:left; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;} #tab1:hover{ width:280px; /* width after hovering */ height:320px; /* height after hovering */ overflow: scroll; border-radius:1px; opacity:1;border-top: 1px solid #BBB; border-left: 1px solid #BBB; border-right: 1px solid #BBB; border-bottom: 2px solid #BBB;} </style> <div id="tab1"> <div id="tab1icon"> ✉ </div> <link href='http://codepen.io/greyun/pen/RVwXxM.css' rel='stylesheet'/> <script type="text/javascript"> //<![CDATA[ var numComments = 22, showAvatar = true, avatarSize = 58, roundAvatar = true, characters = 30, defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc-eo728HAiQP-xfEI8WKDFh8vlOsO_KDZN8c3Yt6dKrfGzSh2I0KuSehpZBoKxlZWuXEbqOgLMh6LK7XEZbtsmSLQBRrEBgQQw0rkFycc3I9ilGwROv5pW0gXowXJgwvw_z6r6lF4svM/s320/Sketch1231171_%25E5%2589%25AF%25E6%259C%25AC.jpg", hideCredits = false; maxfeeds=50, adminBlog='Im grey yun'; //]]> </script> <script type="text/javascript" src="http://codepen.io/greyun/pen/zwYgMo.js"></script> <script type="text/javascript" src="/feeds/comments/default?alt=json&callback=kangismet_recent&&max-results=50"> </script> <div style="font-size: 12px; float: right; margin-top: -15px;"> </div> </div>

  预览看有没有，完成。

另外，要改变显示的评论数量，可以更改里面的代码numComments =“22”。可把“22”更改成你想要的数量。
其他教程可以到目录找找。^^