2007年1月28日星期日

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

Blogger Template Hack Bookmark

很多博客中,都可以看到文章底部的一大长溜书签按钮,但是自己始终没有在模版中增加这部分内容,因为那一大长溜按钮显得非常难看,各种图片样式不一,色彩杂乱,而且还非常占用很宝贵的页面空间,整个一行就放那么长一溜图片仅仅是为了方便访问者增加书签,我看是毫无必要甚至多此一举,我喜欢简简单单,干干净净的界面效果,比较反感拥挤一堆的那种密集型版式。不过一人一个喜好,爱咋咋地~

今天看到PurpleMoggy写一心得,那是甚得我心,完全解决增加书签后的罗唆场面,简简单单却方便实用,趁着中午休息增加了这块的功能,使用后感觉还不错,我最后仍然是在文章底部通过一个小图标增加了样式效果,调出书签列表,通过选取追加URL地址到各个流行的社会书签中,效果可以看我内容页中一个小青蛙的效果。

源代码中包括三块,CSS的样式定义部分,JS代码及HTML源码调用,跟其他HACK的应用方法一致,下载JS并上传到你自己的外链空间,在<HEAD></HEAD>中增加书签JS引用代码,最后在HTML源码中选择你认为合适的地方增加调用,即可大功告成。需要特别强调的有两点:1,因为添加URL要获取浏览器地址栏中当前动态地址,因此这个效果只能在你的内容页中才会显示;2,修改前请备份模版。

下载代码:网站PurpleMoggy,原作者JS代码。

发布禾草唐楷 禾草唐楷镜像

9 条评论:

汽车维修管理软件,汽车修理厂管理资讯,汽车维修资料库 说...

百度空间总喜欢删除博主的文章,特烦感!只是写了一篇怎么定制百度搜索业务的。哎,混得不爽,还是多花点时间在blogger
你的博客是怎么做的?文章可以自动折叠起来不会占空间是怎么实现的?百度空间做得很方便,这些细节都做好了。

sz-iris 说...

这个功能很不错啊!我见好多人Blog下那一大长溜按钮....对我来说基本没用...

汽车维修管理软件,汽车修理厂管理资讯,汽车维修资料库 说...

blogger太复杂了不好用,搜索了不少相关的帮助内容,没有什么作用,还是实现不了。

禾草唐楷 说...

●呵呵,这个功能当然棒了,其实可以用这个JS做很多其他应用的,最近太忙,等闲了可以弄几个类似功能的其他应用。

禾草唐楷 说...

●汽车配件软件,看样子需要把你的评论置顶一个才行,哈哈哈~你的用户名是我见过的最长的用户名了也~好棒棒也~~

汽车维修管理软件博客 说...

晕倒,你告诉怎么弄的嘛!
我的blogger里面放几篇文章就那么长,没有百度空间好用,可以选择只显示文章标题,或者显示摘要,或者全部显示。把我们时间浪费在怎么写代码上面,哪有时间写博客文章?
偶的博客名:汽车维修管理软件,汽车修理厂管理资讯,汽车维修资料库
哈哈,长就长吧,这样主题够明确了。

禾草唐楷 说...

●我也晕~我还真没有发现你着急弄首页文章收缩那,搜索引擎一搜大把这样的内容那?帮你搜了一个:http://jinyaolin.blogspot.com/2006/09/beta-blogger.html,你试试看是不是跟我这个一样,感觉是一样的,我每次发文要增加一个/span id="fullpost"/span/这样的标识,当时改了没有做什么文章记录,现在也想不起来当时在哪里看的了。

另外刚才帮你搜,关键字“Blogger readmore”,禾草唐楷排第一,这个SEO效果怎么样那?亲爱的?哈哈~

听风观月 说...

请问你博客文章不全文显示事怎么弄得?

禾草唐楷 说...

●当时做完修改后也没有写文章也没有记录,呵呵,实在是抱歉,详情看看上边那个评论里边的搜索,记得当时就是在搜索引擎搜出来的。你看到相关源码的时候对比一下,我每次需要将隐藏的文字部分增加如下代码:/SPAN ID="FULLPOST"/..../SPAN/如果相关源码是这种应用的,应该就没有错误了,还有一种是/SPAN CLASS/的,我用过没有这种ID的源码好。