2009年2月16日星期一

Blogspot ABC (B)

说完了设置,再说布局。

这一版的布局页面中(blogspot也会改版),共有五大项:页面元素、字体和颜色、修改HTML、选择新模板和Monetize。Monetize就是通过在博客里添加Google的广告赚钱,这个按下不表。先从简单的说起。

一 字体和颜色

这个看自己的喜好了,我喜欢绿色,所以标题、链接、名字等等都是不同的绿色。身为一名沉稳老练的男性,要避免花里胡哨的博客界面,以防留给读者华而不实的轻佻印象;喜欢五颜六色斑驳陆离的未成年同学直接去Qzone就好了,没必要浪费blogspot的带宽。这个可以通过反复的实验来确定自己的最终风格。最好留在写过几篇博客后再行改动(也可以先随便粘贴点东西看看效果)。

二 选择新模板

同样,我建议写了几篇文章后再改动模板,因为空白的博客看不出改动后的效果。我选择了Bowman创建的“Harbor”模板,因为我喜欢侧边栏在正文左边,而且它是全尺寸,不会在显示屏左右留下两道没用的边。

三 页面元素

选好模板后,再来看页面元素。因为我选择的模板侧边栏在左,因此页面元素的布置也是与之相同。页面元素里分为五个区域:

1. 导航条(Navbar),就是在你的博客页眉显示一些基本的信息,如搜索栏、帐号名、编辑按钮等。你可以在该区域的“修改”中,选择此条的配色;觉得碍眼的话,也可以像我一样把它彻底去掉。去掉的办法是添加一些HTML代码,这会在后面说明。

2. 再往下是标题区域,可以再次修改博客标题和说明,或者插入一些装饰用的图片。

3. 在博客帖子区域,点右下角的修改,进入对文章模板设置的界面。下面是我的:


每页十个帖子和时间显示格式,都是前面已经设置过的。

我把“发帖者 王稻壳”改成了“文氓 王稻壳”;你也可以改成“九天十地菩萨怕怕霹雳金光雷电掌 某某某”。

“时间:几点几分”,我改成了“于 几点几分”。你也可以改成“草于”、“书于”几点几分,等等。以显得有文化。

我把“评论”改成了“我再补充两句”,典自姜昆早期的相声《着急》。

“标签:”被我改成了“分类”。Blogspot不像sohublog有分类功能,我就用标签来实现。具体来说就是我侧边栏的“眼耳口鼻舌身意手足”七项,出自《心经》“无眼耳鼻舌身意”;效仿文王武王为古琴增弦之韵事,我又加了三项。分类为眼的博文多是影评或视频,耳是丝竹之声,口表示说点正事,鼻,闻也,为转载,身就是自己生活中的鸡毛蒜皮,舌则是胡溜八扯造谣传谣,意是琢磨,小说,手是技能,足是出差旅游见闻。“分类”的实现还要和侧边栏呼应,马上就会说到。

“反应:”是新出的玩意,我还没用过。

4. 侧边栏区域

来看“博客归档”这项,点修改,进入编辑页面。由于喜欢两个字,我把标题“博客归档”改为“归档”。风格为“层次结构”。你还可以把本项彻底删掉,使它不出现在博客侧边栏里。比如“我的简介”这项就被我删掉了,我嫌它格式不好看,自己又另作一个简介,就是我博客上的“户主”。

然后就可以“添加小工具”了,丰富侧边栏。添加“标签”,并把标题“标签”两个字改为“分类”。这样,在你每次写完文章,在正文下面的“本帖标签:”后输入你想归入的类别,比如我写一篇影评,完事就在本帖标签处写上一个“眼”,那么在博客的侧边栏里,就会出现“眼(11)”的分类,(11)表示分类为眼的(实质上是标签是眼的)文章有11篇。

你还可以继续添加如下常用小工具:友情链接、字符(在侧边栏写一些字,如我的“别院”)、列表(推荐一些链接,如我的“资源”)等等。

重点要说的是小工具中的“HTML/JavaScript”,即在博客中添加第三方功能或其他代码。到了这里,才算触及blogspot的灵魂。通过添加HTML代码,你就能较大限度地DIY自己的博客,添加各种外部的工具。如我的“搜索”、“回复”、“留言”、“豆瓣”、“间谍”和“统计”都是使用了“HTML”功能。HTML是一种网络通用语言,为网页文档所常用。假如你已经选择吃下了红色药丸,脱离了Matrix,那么所有的网页在你眼中将不再是缤纷多彩的存在,而是一行行干巴巴的HTML代码。

(1) 为博客添加“回复”,让读者回复的评论按时间先后顺序显示在侧边栏上。你需要在“添加小工具”中选择添加“HTML/JavaScript”,在弹出窗口中,无需填写标题,只在内容中添加一堆的HTML代码即可。这堆代码早有高人给出,请看这里:最新回复代码产生器。这是一位高人编写的程序,可以根据不同的帐号和要求,自动生成可实现“显示最新回复”功能的代码。喜欢DIY Blogspot的朋友不妨将这个博客加入收藏。

我用的代码和高手提供的有所不同,也列在下面,仅供参考。分为两步走:

第一步,“添加小工具”中选择添加“HTML/JavaScript”,标题填写“回复”或者“评论”等,内容粘贴以下代码:(第一部分代码太长,textarea命令我用的不熟,就不粘在这里了,弄了个txt文件)

下载地址:html-1。(右键另存)

第二步,仍是“添加小工具”中选择再添加一个“HTML/JavaScript”,这次标题不用填,内容里粘贴如下代码:(这个短,直接粘在这里;别忘了把wangdaoke改成你自己的域名,抄作业抄上名字,大忌。)



页面元素”的侧边栏中,将第二步添加的“HTML/JavaScript”块,用鼠标拖动,移至侧边栏的最下方。(在页面元素中,第二步的代码块一定要放在第一步的下面,否则不起作用。)

代码很好用,可惜一行也不是我编的,我甚至都看不懂。

哈伊~不要着急,不要着急;休息,休息一会。

1 条评论: