2007年1月22日星期一

BLOGGER模版修改不能仅仅关注首页

Blogger template hack

Blogger模版修改不能仅仅关注首页,为什么,因为如果你是依托搜索引擎带来访问量的话,绝大多数的访问者是访问你的内容页,即你某篇文章打开后的页面,包括你发布文章那块+评论+Sidebar,那么这个页面的设计其实是需要多动些心思的,构思设计好,容易引导访问者浏览你的其他内容和相关内容,良好的交互性也方便大家发布评论和建议,提高你在访问分析系统中的pageviews。

昨天修改了一下内容页中关于评论这块的界面,今天将这部分经验与大家分享。要修改哪儿块内容,首先需要定位,要确定在源代码中哪儿块代码管哪些功能,而定位一般需要寻找两块,一块在CSS,一块在HTML源码中,每项修改都是如此,修改的多了自然知道去哪里寻找代码和CSS,需要强调的是,我用的是最简单的那个Blogger模版,代码有可能与你的略有不同,下边我们看内容页中关于评论这块的代码:

CSS:#comments h4 { 评论部分顶端有几个评论字样属性},#comments{整个评论装载器},#comments-block{评论实体部分从作者到结尾日期装载器},#comments-block .comment-author{评论发布者字样属性},#comments-block .comment-body{评论发布内容部分字样属性},#comments-block .comment-footer{评论页脚装载器},#comments-block .comment-body p {评论内容部分段落字样属性},我模版是用最简单Blogger官方模版然后自己逐行增加CSS设计制作而成,有可能部分内容会多于或少于你模版中的代码,但大同小异。

HTML:在打开小模块功能后寻找如下代码。

<b:includable id='comments' var='post'><div class='comments' id='comments'>
<a name='comments'/>......<div id='backlinks-container'>

找到地方即可随心所欲的修改,字样属性类型的可以调整字体大小色彩距离链接等等,装载器的可以增加背景图片及定位背景图片或按照设计定制装载器整体界面再分拆,这些部分则完全取决于你的想象和图形设计能力,大段代码拷贝过来非常罗唆,同志们可以自行下载我这部分的源代码,在你的个性化过程中参考参考。玩儿之前备份模版,切记~。BloggerCommentsCode.rar

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

3 条评论:

sz-iris 说...

昨天终于转成了新版本的Blogger了!真高兴!
可以好好研究下Blog技术了!

禾草唐楷 说...

●呵呵,好啊,期待你在新版本上大展拳脚,大展宏图!

sz-iris 说...

呵呵!谢谢哦,我还没那么厉害,要向你多多学习啊!