为BLOGGER增加一个简洁小巧的书签样式

很多博客中,都可以看到文章底部的一大长溜书签按钮,但是自己始终没有在模版中增加这部分内容,因为那一大长溜按钮显得非常难看,各种图片样式不一,色彩杂乱,而且还非常占用很宝贵的页面空间,整个一行就放那么长一溜图片仅仅是为了方便访问者增加书签,我看是毫无必要甚至多此一举,我喜欢简简单单,干干净净的界面效果,比较反感拥挤一堆的那种密集型版式。不过一人一个喜好,爱咋咋地~
今天看到PurpleMoggy写一心得,那是甚得我心,完全解决增加书签后的罗唆场面,简简单单却方便实用,趁着中午休息增加了这块的功能,使用后感觉还不错,我最后仍然是在文章底部通过一个小图标增加了样式效果,调出书签列表,通过选取追加URL地址到各个流行的社会书签中,效果可以看我内容页中一个小青蛙的效果。
源代码中包括三块,CSS的样式定义部分,JS代码及HTML源码调用,跟其他HACK的应用方法一致,下载JS并上传到你自己的外链空间,在<HEAD></HEAD>中增加书签JS引用代码,最后在HTML源码中选择你认为合适的地方增加调用,即可大功告成。需要特别强调的有两点:1,因为添加URL要获取浏览器地址栏中当前动态地址,因此这个效果只能在你的内容页中才会显示;2,修改前请备份模版。
下载代码:网站PurpleMoggy,原作者JS代码。
发布:禾草唐楷 禾草唐楷镜像
评论
你的博客是怎么做的?文章可以自动折叠起来不会占空间是怎么实现的?百度空间做得很方便,这些细节都做好了。
我的blogger里面放几篇文章就那么长,没有百度空间好用,可以选择只显示文章标题,或者显示摘要,或者全部显示。把我们时间浪费在怎么写代码上面,哪有时间写博客文章?
偶的博客名:汽车维修管理软件,汽车修理厂管理资讯,汽车维修资料库
哈哈,长就长吧,这样主题够明确了。
另外刚才帮你搜,关键字“Blogger readmore”,禾草唐楷排第一,这个SEO效果怎么样那?亲爱的?哈哈~