美化博客的tooltip(鼠标指向链接的提示)

上图：就是显示“关注我”的这个格子，已经被换成粉色白框的效果。

实验博客@Yw'memories(我的日记blog).

-------------------------------------------------------------------------------

 模板 > 修改模板HTML
 Ctrl+F寻找

@font-face {

注：不一定是@font-face {，还可以在很多地方的。

 把以下框内的代码复制到

@font-face {

的上面，或其他地方。

#s-m-t-tooltip { -webkit-animation: zoom 600ms; max-width:300px; max-width:300px; padding:3px; margin:20px 0px 0px 20px; background-color:#FCE7E7（背景颜色）; border:1px solid #fff(框框颜色); box-shadow: 0px 0px 0px 2px #FCE7E7(格子影子的颜色); font-family:微軟正黑體(字体); font-size:8px(字体大小); letter-spacing:2px; text-transform:lowercase; color:#000(字体颜色); z-index:999999999999999999999999999999999999; }

 自行编辑自己喜欢的颜色之类的，然后把提示框框：(字体)、(背景颜色)等等的删掉。
 接着Ctrl+F寻找“</head>”，把以下框框里面的代码复制到“</head>”的上面。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title]").style_my_tooltips(); }); })(jQuery); </script>

 完成。


Q:链接没有TOOLTIP?
A:可以自行添加，比如：

<a href="http://www.blogger.com/follow-blog.g?blogID=（YOUR BLOG ID）"   title="关注我"  target="blank">follow me</a>

添加以上的紫色字就会有啦。(title="XXX")
“关注我”三个字可以更改。

颜色生成代码/参考：http://html-color-codes.info/