Blogger简单代码修改

在不同的浏览器中显示可能会不一致

1.为标题设置固定链接
有些模板并未提供此功能,这给引用日志带来了不便,通过添加简单代码即可实现。
找到如下代码(使用时请将《》改为<>):
《!-- Begin .post --》
《div class="post"》《a name="《$BlogItemNumber$》"》《/a》

《BlogItemTitle》
《h3 class="post-title"》
《BlogItemUrl》《a href="<$BlogItemUrl$>" title="external link"》
《/BlogItemUrl》
《a href="<$BlogItemPermalinkUrl$>"》《$BlogItemTitle$》《/a》
最后一行即为要使用的代码。

2.文字汉化
个人资料无法汉化。唯一的做法就是自己用语句引用图片和链接
在代码中找到相应的英文字符,直接替换成中文即可。以我的模板为例,代码如下
(不同模板代码不一定完全相同,另外我添加了一个"固定链接"并更改了顺序,请注意):

《!-- Begin .post --》
《div class="post"》《a name="《$BlogItemNumber$》"》《/a》

《BlogItemTitle》
《h3 class="post-title"》
《BlogItemUrl》《a href="《$BlogItemUrl$》" title="external
link"》《/BlogItemUrl》
《a
href="《$BlogItemPermalinkUrl$》"》《$BlogItemTitle$》《/a》
《BlogItemUrl》《/a》《/BlogItemUrl》
《/h3》
《/BlogItemTitle》

《div class="post-body"》

《div》
《$BlogItemBody$》
《/div》

《/div》

《p class="post-footer"》
《em》《$BlogItemAuthorNickname$》 于 《$BlogItemDateTime$》
发布《/em》
《MainOrArchivePage》《BlogItemCommentsEnabled》
《font size=2》《a class="comment-link"
href="《$BlogItemPermalinkUrl$》"
title="固定链接"》固定链接《/a》 《a class="comment-link"
href="《$BlogItemCommentCreate$》"《$BlogItemCommentFormOnclick$》》《$BlogItemCommentCount$》
评论《/a》《/font》
《/BlogItemCommentsEnabled》《BlogItemBacklinksEnabled》
《font size=2》《a class="comment-link"
href="《$BlogItemPermalinkUrl$》#links"》引用通告《/a》《/font》
《/BlogItemBacklinksEnabled》
《/MainOrArchivePage》 《$BlogItemControl$》
《/p》

《/div》
《!-- End .post --》

《!-- Begin #comments --》
《ItemPage》

《div id="comments"》

《BlogItemCommentsEnabled》《a name="comments"》《/a》

《h4》《$BlogItemCommentCount$》 评论:《/h4》

《ul》
《BlogItemComments》
《li id="c《$BlogCommentNumber$》"》《a
name="c《$BlogCommentNumber$》"》《/a》
《p class="comment-data"》At 《a href="#c《$BlogCommentNumber$》"
title="comment permalink"》《$BlogCommentDateTime$》《/a》,
《$BlogCommentAuthor$》 said…《/p》
《div class="comment-body"》
《p》《$BlogCommentBody$》《/p》
《$BlogCommentDeleteIcon$》
《/div》
《/li》
《/BlogItemComments》
《/ul》

《p class="comment-data"》
《$BlogItemCreate$》
《/p》

《/BlogItemCommentsEnabled》
《BlogItemBacklinksEnabled》
《a name="links"》《/a》《h4》引用通告:《/h4》
《dl id="comments-block"》

3.链接下划线、背景色的修改
因为Blog里链接较多,带上下划线会显得杂乱,尤其是sidebar看起来相当不爽。通过CSS全局设置即可去除下划线以及添加鼠标经过时的背景色。此代码要跟在《style
type="text/css"》之后,代码如下:
去除下划线:a{TEXT-DECORATION:none}
添加背景:a:hover {
text-decoration:none;
background-color: #70e1ff;

}

红色字体为相应颜色值,在此附上一组比较漂亮的颜色代码

4.Flickr
Sidebar上的Flickr徽章的代码也经过了修改,去掉了广告性质的两个链接,看起来舒服多了,不妨自己试一试。

5 条评论:

Andy Wu (wonsore) 说...

很不错。

匿名 说...

对了,你说我删了些不改删的东西,
呵呵,我不记得我都删了些什么,我记得只是修改了些东西啊,它不能正常显示吗?
那些不能正常显示?

newgui 说...

实用~谢谢!

mirror code 说...

这些应该是老版本的东西了。

不执着 说...

谢谢!按照你的方法,我成功的把blogger消除了链接下划线,并设置了背景色