2009年2月17日星期二

Blogspot ABC (C)

书接上回。(上回写的我所用的“回复”代码的第二部分,有点小毛病,现已改正。)

(2) 给博客添加留言板。作为一个BSP,Blogspot居然没有留言功能,另类的作风令人赞赏。因此,需要一块第三方的留言板,添加到博客上。我刚刚鼓捣blogspot的时候,流窜着访问了许多博主,发现不少人都用了CBOX的留言板。我自己也试了几种,最终发现CBOX的确好用。基本思路是:去CBOX网站注册一下,申请一个留言板,网站会给你一小堆HTML代码。将这些代码如前所说,拷贝到侧边栏里一个新建的“HTML/JavaScript”的内容框里(标题框可以填写“留言板”、“聚贤庄”之类)。即可。

点击网页上的“sign up”进入注册界面,第一行是你在CBOX上的用户名,自己起一个就行,第五行填写你的博客地址。注册完即能登录,登陆后马上就能得到一款属于自己的CBOX留言板。点击网页上方“welcome”里的红色的“publish”,就能得到那些代码。

Cbox网页上方的Publish右侧,有Look&Feel、Opitions等几项,在这里你可以设置这款留言板的样式、外观、尺寸、字体、颜色等等(当然不讲究或者嫌麻烦的同学,都可以不进一步设置,直接把代码粘到博客上也行)。更进阶的设置在Look&Feel里的Edit style和Edit CSS:Edit style是所见即得的编辑,Edit CSS是直接编辑代码。其实编辑代码并不麻烦,我也没学过HTML语言,也不是学计算机的,但只要会一些英语便能看懂大概。HTML不像C语言那样麻烦,它里面都是直接用的英语或者简写。比如你想调整留言板的尺寸,可以在代码中找到有关height和width的词汇,将后面的数字胡乱改改,根据改完后效果再行调整。我的留言板把留言者信息调整到留言内容的上面,就只是把这两块的代码上下调换了下位置而已。(默认好像都是留言人信息在内容之下。)

再细就不说了,要不一整篇也说不完。总而言之,要想学个新东西,总免不了花一点时间自己琢磨,并反复尝试。

(3) 统计。在我的侧边栏,有个“访问”,也就是访问统计,在那片弹丸之地上,有三种不同的HTML代码。

首先看最下面的黑字计数器,请点击它,就能来到一家网站,Amazing Couters。这是一家专门提供各类计数器的网站。有了添加cbox的经验,再玩计数器就简单多了。步骤还是那些,注册这家网站,挑选一款计数器,将网站给你的代码添加到自己的博客里。

再看最上边的那个小图形,扇形统计图。点击它,来到51yes.com,一家鼎鼎大名的访客统计网站(可算是中文的了)。通过它你可以统计访问你博客的IP、属地、所用浏览器、访问频率,等等等等,好大一堆的数据。这些统计数据不会显示在你的博客上,你可以来到51yes,登录后查看所有的统计。管理选项里有“获得统计代码”,用以添加到你的博客。下面是我二月份的国内IP统计图。

北京142IP,广东第二52IP,上海47,山东25,江苏21,浙江20,河南17……青海1个,西藏没有。十七天才500IP,不及名博两分钟的点击量,老衲影响力之小,可见一斑。

中间的为站长统计,我用它来看昨日和今日的IP以及访问量,还能看到同时在线的人数。会了上面两种,这个就无需赘言,琢磨一会儿就全都明白了。

最后需要说一句的是,可以将这三段不同网站给的统计代码放到同一个“HTML/JavaScript”里,我就是这么办的。三段之间可以用HTML语言的分段符号(如br、p等)隔开,可以百度一下html,找个教程,花半小时学一下最基本的语言符号。当然,崇尚简约的同学可以只选一个计数器就完事,没必要三个都玩。

(4) 会了上面这些东西,就可以轻松地把豆瓣也添加到博客上。当然,你也可以添加饭否或者类似的miniblog,这些网站都提供HTML代码。我以前也添加过天气预报和黄金走势,都是来自一些提供代码的网站,因为加载速度慢,我给去掉了。

(5) 现在说搜索栏。你能看到我的搜索栏是“博内搜索”,也就是说只在我的博客内部搜索。如果你想查阅某篇文章,但记不得什么时候写的,又懒的在归档中细细查找;或者压根儿把文章名忘了,就记得里面说过“结扎”两个字。那就可以在搜索栏里输入“结扎”,再点博内搜索,那么所有涉及结扎二字的文章都会被搜到。

这项功能非常实用,它的实现仍是一段html代码。我还是提供一个txt文件:html-2。(可以无需下载,左键点击就行;源文件存到了我的googlepage里,不会有毒的)

这段代码有五部分内容,对应我侧边栏“搜索”里的五项:博内搜索栏、blogger徽标、抓虾订阅、feedsky订阅和feedburner订阅。和上面提到的“访问统计”一样,为了节约空间,我把这五项归到了一个“HTML/JavaScript”里。

搜索部分里(“Google站内搜索开始”和“Google站内搜索结束”之间的部分),你可以把代码里的“博内搜索”改成其他文字。当然不要忘了把两处wangdaoke改成自己的博客地址。改了之后可以将这部分直接粘贴使用到自己博客上。

再往下一段是徽标,因为我取消了导航条,页面上光秃秃的,需要有个东西能点击进入博客登陆页面。这个徽标并不是“添加小工具”里的徽标,而是我自己上传的图片,然后给图片一个链接。

抓虾的代码,是注册抓虾网给的,feedsky和feedburner也是如此。如果你已经学习了半个小时的html教程,应该能看得懂。上一段的徽标和这一段的抓虾代码等等,你都不能用,因为这是我的个人上传图片和个人信息,你得用网站给你自己代码。这些就不要粘贴了,之所以也发出来,只是提供一个格式上的参考。

我的博客上还有一个“订阅”,这个不是代码,而是blogspot自己提供的一个可添加的小工具。不过没有国内的网站,如抓虾、鲜果等。

(6) 如何去掉导航条。还是添加一些代码,是不是已经添烦了……同样的,新添加一个小工具,“HTML/JavaScript”,标题不用写,内容如下:


这是一段JavaScript代码。没有标题的“HTML/JavaScript”在博客的侧边栏里都是一些隐形的块。上一篇讲“回复”的时候,我说过,我所用的代码有两部分,其中第二部分就是没有标题的隐形“HTML/JavaScript”。因此,我把这段去除导航条的代码直接写到了回复代码的第二部分的“HTML/JavaScript”里,注意分段就行。但如果你用的是高人的自动回复代码机生成的代码,那就没有所谓的第二步了,也就没有了两段合并之说,老老实实新建个“HTML/JavaScript”去除导航条即可。

(7) 侧边栏部分的最后一讲“户主”。终于不用再添加什么代码了。这里我用的是添加小工具里的“图片”。

第一个标题里写“户主”。第二个标题里写姓名、职业等个人信息,注意要用到一些基本的html语言,如换行,空格(空格可不是空一下就行,需要html代码)、链接、邮件连接等等,用以排版和加超链接。值得赞叹的是,即使在这个区区的标题栏里,也可以使用HTML语言。再往下就是上传图片,把头像传上去就行了。


课后作业:添加“间谍”。

1 条评论: