Showing posts with label 博客. Show all posts
Showing posts with label 博客. Show all posts

Sunday, March 27, 2011

糾正面子書分享博文的錯誤

很多人都有在面子書(Facebook)分享(share)文章或網頁的經驗,當然也包括分享博文。一般上,在面子書分享某個鏈接時,面子書會顯示該鏈接的標題、圖片(如有)以及一段該鏈接的文字。一次,我無意中看到有人在面子書上分享我的博文。高興之餘卻發現所顯示的文字並不是有關文章裡頭的內容,而是讀者在該博文中的留言。我覺得奇怪,於是便做了一些實驗,結果發現面子書無法正確顯示 blogspot 的博文摘要,反而顯示該博文的第一篇留言,如果該篇博文沒留言,它可能顯示你在頁面的其他內容或者不顯示任何摘要。(而因為我的實驗,FB一度把我的博客列為"Like-jacking"網頁。)

好奇之下,我到谷歌搜了一下。結果在 Blogger Help Center 發現原來很多人都面對同樣的問題,而且這個問題已經存在了整一年,而很多網民還在苦苦尋找解決之道。我向來相信網上有很多高手,這個問題不可能存在那麼久仍沒人可解。所以不灰心的繼續搜,結果終於讓我找到了這篇 "Facebook share showing wrong description –solved!"。這篇文章不但提供解決之道,還清楚的解釋了箇中原因。

這裡只分享該文介紹的一勞永逸的解決之道:
1. 翻到 Dashboard > Design > Edit HTML。
2. 備份你的模板。(如果使用我以下的建議,也可以冒險不備份)
3. 勾選 "Expand Widget Templates"。
4. 找出 <data:post.body/> (建議你用瀏覽器的 "Find" 指令)
5. 加入 p 碼;即 <p><data:post.body/></p>
(我建議先按 “Preview”, 預覽確定網頁正常顯示後,才按 “Save Template”。若發現網頁無法正常顯示,則按 “Clear Edits”,然後從頭來過。)

我的實際經驗發現這個方法對新博文及不曾分享過的博文立竿見影的管用,但是對於已經分享上面子書的博文卻無效。於是我再到網絡上搜尋,才明白原來面子書把所有分享到面子書的鏈接都記憶起來,而之後就只從它的記憶體 (cache) 攫取資料。所以就算我們更新了我們的博客,它的記憶體存着的仍是舊的資料。而且看來面子書要好幾天才會更新它的記憶體,雖然它的網頁說它每24小時更新。不過幸好我們可以自行到 Facebook URL Linter 去更新面子書的記憶體。方法及更多詳情請閱讀: "How to clear Facebook Share’s Cache"。要特別注意的是,通過 Blogger 分享按鈕
分享的博文,它的URL會加上後綴。因此面子書會把它當成一個不同的URL處理,若需要也得另外更新。

我後來還發現,若我們的博文開頭使用了一些HTML編碼,如<div>,以上的方法也會失效。這時我們就只能使用該文中所介紹的第一種方法,即在博文中自行加上<p>及</p>了。這個方法雖然麻煩,卻也有一個好處,就是你可以選擇你要顯示的內容,而不一定是文章的開頭。

Facebook以善變著稱。實際上這個面子書分享博文的錯誤也是因為它做了一些更改而blogspot沒有相應的跟進。所以這個糾正的方法也許有一天在面子書又更改它的程序後變得無效。

Friday, November 5, 2010

在博客显示表情符号

表情符号(emoticon)是在网上聊天室中很流行的玩意。所谓一图胜千言,简简单单的一个表情符号,很多时候比文字来得更传神和贴切 。在博客上就较少人用了。主要原因我想应该是一般的博客客户端都不提供插入表情符号的功能。当我之前突然想在我的博客上使用表情符号时,我上网去搜资料,果然发现很多方法。我根据指示下载及安装了需要的文档及在博客模板上加入指令。结果却发现效果不理想。

后来我想,所谓表情符号应该也只不过是动画图标(animated icons)吧?我应该可以使用简单的HTML编码<img>就能插入表情符号吧?一试之下,果然如此!原来我们其实无需下载及安装任何文档便能在博客上使用我们喜欢的 Yahoo、Skype 或其他的表情符号(emoticon)。

而方法就是,写博文时,在 Blogger Editor 里切换到 "Edit HTML",在想要显示表情符号的地方输入以下编码:
<img border="none" src="url of emoticon" style="padding: 0pt; vertical-align: text-bottom;" height="16" />
"height"里头的号码可以配合博客使用的字体大小更改。而"style"里头的参数则依个人需要和喜好而改。

比如我要加入Yahoo大笑的表情符号,我就输入:
<img border="none" src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" style="padding: 0pt; vertical-align: text-bottom;" height="16" />
于是这个大笑的表情符号 就出来了。
输入 <img border="none" src="http://skypeemoticons.net/wp-content/uploads/2010/01/Skype-emoticons-41-whew.gif" style="padding: 0pt; vertical-align: text-bottom;" height="16" />
这个Skype抹汗的表情符号 就出来了。

要获取相关表情符号的URL,可到 Yahoo EmoticonsSkype Emoticons 的网页。如果你使用 Firefox,在你想要的表情符号的图标上点击右键,然后点选 "Copy Image Location",接着把它黏贴到<img>里的src="url of emoticon"。

Tuesday, November 2, 2010

加腊士推人事件博文摘录

一直都热不起来的加腊士补选,突然因为马华当地领袖的一推而把剧情推向高潮。博客们议论纷纷。众声喧哗当中,有两个人的博文我觉得特别值得玩味。

第一个是我曾经很仰慕的资深报人张木钦的似是而非:

挺明福运动一团人在加腊士补选中搞出两件事,如果说事前没料到,那是说不过去的,谁都看得出那显然是计算好了的。有反对党做后盾的运动,带了一份备忘录要执政党的部长当场签名背书,明知是不可能的事,偏要将他一军,难脱闹场之嫌。

他们被抓进衙门之前,曾闯王赛芝副部长的场子,在推挤中赵明福的妻舅跌倒,于是以此大作文章,令人叹息政治真是什么事都可能。推倒他的,是马华地方领袖。

政坛也像江湖上分帮分派,各有各的场子。挺明福运动的成员,即使不是行动党的成员,也是有行动党做后台。这样的一团人直闯马华的场子,可说是犯了江湖上的大忌。马华的人出面护场也是理所当然。假如反过来,是马华背景的人直闯行动党的场子,也不能期望他们以礼相待吧。

第二个是身为马华党员的曾聒的帮理不帮亲:

打从白小事件开始,社会已经教育了民众,任何事情要得到平反就必须拥有被关注的平台,而最有利的平台不是街头示威、国会走廊、部长上班处、部长莅临的活动、就是补选部长们拉票的地方,这些去处除了拥有大量记者,也属公众场合,部长们不管喜欢不喜欢都必须做出回应,至少让关心的人稍获眉目。

笔者非常赞同一些人的看法,也是政治人物在邀请民众入党的关键名称,“生活有什么不是政治?”,而且政治人物还怕政治化,那政治人物是否该回归非政府组织呢?

先不谈加腊士“推人事件”谁是谁非,事情的发生或许是一桩无意冒犯,只要事件中推倒别人者向被推倒者道歉,恳请原谅,这过程还有机会编成道德教育书刊。

我帮理也帮亲的认为廖国华说出了事件的重点:

这三点诉求不过分吧?王赛芝如果不认同,不签就是了,为何要人家等了一个多小时却五分钟也不肯给人家?

如果忙到五分钟的时间都没有也算了,为何区会领袖要推人呢?

区会领袖护主心切,推了人也不是什么大事,只要人在现场的王赛芝及其他在场的马华领袖道歉事情其实就了了。但是他们一点危机处理能力都没有,而且还说谎。推人的是区部秘书,但是马华公会市区支会主席何应聪却说不认识他。王赛芝说人太多,是人挤人,苏志海的跌倒是意外。人不在现场的马华博客说‘一群人冲向副部长’,当地领袖为了保护副部长而发生的意外。拜托,《全民挺明福》只有四个人在那边,何来‘一群人’?

据《当今大马》的报道,王赛芝说她在现场没有看到有人跌倒在地。她强调,苏志海跌到一半时,即已被同伴接着,并没倒在地上。“以他的跌倒姿态,不会导致膝盖受伤,理应是臀部受伤。”

我不明白的是,王赛芝既然说她在现场没有看到有人跌倒,她又怎么知道“苏志海跌到一半时,即已被同伴接着”,甚至连他跌倒的姿态也那么清楚?

所谓一图胜千言,就让右边刊登于当今大马的照片说话吧!值二千言呢!(如果你不认识王赛芝副部长,前面那个戴眼镜举起手的就是。)

Wednesday, October 6, 2010

博客改造完结篇

渐渐的,我对改造博客这个“另类电脑游戏”开始不再那么感兴趣了。乘我还有一点余兴,觉得应该把我已经做了的改造做个记录,免得以后连我自己改了什么都不知道。之前的几篇有关博客改造的文章也已经写了一些。剩下的就是对 "BlogArchive" (我称之为“博客文库”)和文章日期的改动了。

展开当月文章标题的“博客文库”
Blogger 的 BlogArchive 的标准设定 "Hierarchy" 是展开当月的文章标题,而隐藏其他月份的标题(见右图)。由于我已经有了上头的“最新文章”,如果再在 BlogArchive 展开当月的文章标题,就会感觉重复。但是如果换成 "Flat List" 或 "Dropdown Menu",其效果却又不是我想要的,因为我觉得最好是隐藏所有标题,但保留它的展开功能。我在网上搜索到了一个好方法。以下是改造后的“博客文库”:
隐藏所有标题的“博客文库”
关于日期,相信 Blogger 是以日记模式来设定它的标准设置,所以它是以日期来分组的。既是说如果你在同一天发表了一篇以上的文章,那么只有最后发表的文章显示日期,其他较早发表都没有显示日期,因为它把在同一天发表的文章都归纳在该日期之下。我不喜欢这样的设定,于是我在网上搜寻在每一篇文章都宣示日期的方法。结果我发现了两个方法:方法一方法二。方法二看来比较普遍,但我觉得方法一比较好,尤其如果你用的是中文日期。

由于 Blogger 以日期来归纳文章,因此很自然把日期放在文章标题的上头,就像日记的编排。但是我觉得我的博客的重点应是文章标题,而不是日期。所以我就用了这个在网上看到的方式把日期挪到标题的下面。

虽说是完结篇,但是我也不知道什么时候我又会手痒,或又发现什么新玩意。

Monday, September 6, 2010

有多少人看我的博客

记得相当久之前,一个朋友介绍了她的一个朋友的博客,却要我们静悄悄的去看,不要让对方知道,因为他不想让人知道他的博客。我当时觉得有点不可思议。上网写博客不就是为了让人看的吗?无论如何,我相信大多数人和我一样写博客还是为了和大家分享的,甚至我们会想“究竟有没有人看我的博客”,或者“有多少人在看我的博客?”

有很多方式可以知道是否有人看你的博客。读者的留言或评论是其一。但是就像一个朋友提到的,多数人都是不留言的。所以最有效的方法还是网页计数器。网上有很多免费的网页计数器。我的博客也装了一个。我用的是statcounter。这是我一开始就使用至今的,不曾更换,因为觉得它很好用,而且虽然免费却有很多功能(当然付费的话,功能更多)。它不但提供基本的访客人数和点击次数,也提供访客所在的城市。另外它还提供访客所使用的浏览器统计。我就因此知道在我的访客中 60% 使用 Firefox, 30% 使用 I.E., 8% 使用 Google Chrome 及 2% 使用其他(如 Safari 等)及不详浏览器。这让我较放心的使用一些 I.E. 不支援的 HTML 或 CSS 代码。

另外,Blogger本身也在上两个月推出了它自身的计数器,无需另外安装 。提供的资料也很多。〈详情

但是,计数器有时也有不足的地方。特别是有些人是通过一些供稿器(RSS Feeder,如 Google Reader, Bloglines)来阅读你的博客。他们不需要到你的博客就能读你的博文。所以他们的阅读,网页计数器就统计不到了。而这些人却一般是比较“忠实和长期”的读者。要知道有多少这样的“长期读者”,那就得使用 Feedburner 。和 Blogger 一样, Feedburner 也被 Google 买下了。所以 Blogger 用户可以直接用 Google 账号登入,无需另外注册。 Feedburner 的使用方法简单,跟着网页上的指示就可以了。Blogger 的用户可以先看看这个介绍: "How do I create a Blogger Feed?"。

而 Feedburner 的好处还不止这个。我页头下的“最新文章”小工具也是应用 Feedburner 的功能来制作的。

Saturday, August 7, 2010

另类电脑游戏(二)

前文提到,我一直找不到满意的“最新回应小工具”。结果直到前两天,我突然想到应该用中文来搜寻“最新回应小工具”,结果就让我发现了 lvchen 的这个小工具。虽然不是百分百的完美,但是的确很好。最重要的那是为使用中文的人写的,而且还允许使用者作各种修改。它的特色及使用方法如下:
一:可以显示所有回应,虽然应该不会有人去看太旧的回应。
二:可以显示及隐藏回应内容。点击在 plus icon 02 上,还可以各别显示单一回应内容。
三:把滑鼠放在回应者的名字上头可以看到有关回应的首四十字摘录。
四:点击回应者的名字,可以去到该回应的位置。(经过修改后的功能,请看下文)

有兴趣者可以到相关安装网站去安装。最好也读 lvchen 的介绍文章,特别是这篇有关更动小图链接的讲解:《關於連結的改變》。

或者也可以直接把以下我拷贝下来的编码贴上你的 sidebar 里新的 "HTML widget" 里,但是记得换上你的博客网址。里头的小图链接我也已经更正了。这个小工具里头的所有中文字都可以依使用者的需要而更改。如果你对照我的 sidebar, 你会发现我做了很多更改。

此外,我也对功能做了一些更改让它更贴近我的要求。以上第四个用法,就是我加了一条“rcPreSetting.authorLink = false;”才有的效果,原版里点击回应者的名字是去到该回应者的个人资料网页。我也特意去掉了“直接去留言”的链接。当然我也换上比较好看的“+”和“-”的小图。

<style>
#divrc li{ text-indent:20px; padding-left: 20px};
</style>
###recentComment###
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js'> </script>
<script type='text/javascript' src='http://lvchen-recentcomments.googlecode.com/svn/trunk/RecentComment/RC20/rc20_pack.js'></script>
<script type='text/javascript'>
rcPreSetting.g_szBlogDomain='yourblogname.blogspot.com';
rcPreSetting.g_iShowCount = 7;
rcPreSetting.noContent =['原文已被刪除','<p>沒有留言可以顯示</p>'];
rcPreSetting.cachesize = 60;
rcPreSetting.showJumpButton = true;
rcPreSetting.showRCnoPost = false;
rcPreSetting.authorLink = false;
rcPreSetting.rcFoldImage = ['http://farm4.static.flickr.com/3412/3344324240_b9f5159445_o.gif','留了言','http://farm4.static.flickr.com/3628/3344324244_e7564e029a_o.gif','留言說:','<img src="http://farm4.static.flickr.com/3300/3344324254_020e1e862b_o.gif"/>&nbsp;載入中...','全部展開','全部隱藏'];
rcPreSetting.otherText=['跳至留言','我跳','上一頁','下一頁','您正在看留言 %range%,共有 %totalNum% 則留言'];
rcPreSetting.reply = ['http://farm4.static.flickr.com/3336/3586376650_f8a3367bb2_o.png','直接去留言'];
rcPreSetting.rcDateFormat = 1;
rcPreSetting.rcAuthorLinkFormat = '<a href="%link%" title="%timestamp% &#65306; %short_content%">%author%</a>';
rcPreSetting.rcTitleLinkFormat = '<a href="%orgLink%">%g_szTitle%</a>';
rcPreSetting.createDisplayFormat = '%rcAuthorLinkFormat% 於 %rcTitleLinkFormat% %replyImg% %rcSay% 「%content%」 &nbsp;- %timestamp%';
</script>

另类电脑游戏(一)

博客对我而言,不只是一个写作的虚拟空间。它还成为了我的另类“电脑游戏”——那就是改造 Blogger 模板和添加各种小工具(gadget / widget)。

我自从懂得了对 Blogger 模板的改造之后,便有点无法自拔的迷上对 Blogger 模板的改造。尤其是 Blogger 有点像 Firefox 一样可以任由你扩充改造。虽然很多时候我的改造是想让我的博客更接近我的要求,但也有时候,改造或使用一些小工具就纯粹只是为了想尝试一下一些功能。或者在别人的博客看到一些不一样的东西,便也想试试看是否自己也可以弄出一样的效果,虽然该效果自己也不一定喜欢。

我最新添加的一个小工具便是“最新回应小工具”——就是我的“八方评论”。这是一个留学美国的台湾人 lvchen 写的程序,是我目前看过最好的“最新回应小工具”。Blogger 本身不提供“最新回应小工具”,而是采用 Blogger Buster 的 "Recent Comments"。这个小工具我很久以前也用过。但是我不喜欢这个为英文用户写的程序。它里头使用的英文字,如“某某 wrote”无法更改为中文。而且它无法正确计算中文字的字数,除非你把显示字数定的很大,或者留言中加插了英文字母和空白,不然它会完全不显示过长的留言。

后来,学会了用 Blogger 本身的“Feed小工具”来显示“最新回应”。方法很简单,就是在 sidebar 里加入一个 Feed Widget, 然后在 Feed URL 一栏里填上 "http://yourblogname.blogspot.com/feeds/comments/default", 就可以了。这个小工具可以很好的处理中文字,我在这之前就是用这方法,而且用了很久。但是这个小工具有两点不完美的地方。第一:它不能显示文章题目。所以读者不知道该回应是针对哪篇文章。第二:它只能显示最多五则回应。

其实,网络上也可以找到很多其他人写的“最新回应小工具”,而且可以显示文章题目的。但却都和 Blogger Buster 的一样,是为英文世界的人写的。一律无法正确处理中文字,也无法显示中文题目。

下一篇再继续谈 lvchen 的这个小工具的特色和安装。

Sunday, June 20, 2010

我的博客R&D

最近 Blogger 推出了一系列美丽的新模板。发现不少人的博客都换上了这新系列的模板。我虽然也喜欢这新系列的模板设计,却又不想放弃这个我自己编写的模板。然而,这新模板有两点特别吸引我。其一是它的半透明的背景图片,其二是它突出每一篇博文的方框。于是我便对这新模板来个 R&D。我的 R&D 不是先进国家公司的 "Research & Development",而是中国山寨工厂的 "Receive & Duplicate"。

我看了这新系列模板的编码后,才发现原来要弄出半透明背景是那么简单,只要在最下面的背景图片和上面的文字内容之间加上一层白色的半透明图片便成了。就像在一张图片上贴上一层半透明胶纸般。于是便马上把该半透明图片拿来借用了。

至于把每一篇博文框出来,也是简单的在我现有的模板上加上一个新的 <div> 框着所有和博文有关的 <b: section>, 之后我便能随意的更换这个新添的 <div> 以达到我要的效果了。与此同时,随着现在的屏幕解析度越来越高,我也把博客的字体调大一个点数。

Wednesday, March 31, 2010

分享Blogger知识

一个朋友问:「在《我的链接》(指侧边栏[sidebar]里的一个小工具[gadget])中,您是怎样上载图片的?」简单的问题,可以简单的回答:有关图片是通过更改模板(template)来加插的背景图片。

但是真要解释清楚话就长了。也许可以趁机分享自己所累积的一些Blogger知识。

Blogger(即Blogspot)是和Wordpress齐名的最普遍的网志网站,两者各有优劣点。Blogger可供选择的模板不多,但是它允许用户自由的更改模板。Blogger也不提供空间让用户上载图片作为背景图片之用。所以要在Blogger里加插背景图片,用户必须把相关图片上载到提供文件储存(files hosting)之第三者网站上,而且必须是提供URL直接链接的网站。我使用的是Photobucket。是一个可靠的免费网站。

把我们要用的图片上载到文件储存网站后,我们需要抄下该图片的直接链接(Direct Link URL)。接着我们就可以到Blogger的Customize - Layout - Edit HTML去更改模板了。

专家(不是我)的建议:更改模板之前,一定要作备份。我的建议:如果你对HTML、CSS及Template等没什么概念,在作任何更改之前,还是先看看Tutorials on Blogger Template Design了解一下。

如果是要加插整个页面的背景图片,就把以下的HTML代码放到「body {」之下:

body {
background:url("图片的直接链接") repeat;
other existing HTML codes (don't change) }

所谓「图片的直接链接」的例子是这样的:
http://www.backgroundlabs.com/backgrounds/154.jpg

如我般放到侧边栏里《我的链接》的图片就是加了以下的HTML代码:
.LinkList {
background: url("http://i1020.photobucket.com/liaukm/books-left.png") no-repeat 0px 10px; }

以上的代码可以放在「.sidebar { html codes }」之下。

如果是要把图片放在侧边栏的其他小工具内,就必须对「.LinkList」作相对的更改。我就在不同的小工具放了不同的背景图片,如《经典回顾》的卡带、《旧帖重温》的纸和笔、《博客文库》的竹。由于《旧帖重温》本身是HTML小工具,有关代码是直接放在该小工具里头,而不是在模板里。这个代码是这样:

<div style="background-image: url(http://i1020.photobucket.com/liaukm/cassette-s-1.gif); background-repeat: no-repeat; background-position: bottom right; margin-right:-10px; padding-right: 100px;">

可以下载我的模板做参考。下载后把文件解压,然后用WordPad或其他Text Editor打开,不过不建议用Notepad。WordPad可以在Start - All Programs - Accessories里找到。

Friday, February 26, 2010

写博客和办壁报

新年和老同学的聚会中,一个朋友提起了另一个朋友的名字,让我想起了当年一起搞华文学会的情景。尤其是搞壁报。其实在为我的博客换装、整容以及写文章的过程中,我也会联想起中学时期办壁报的情景。

我中学是在森甲边界的小镇淡边的普罗士邦华文中学(Pulau Sebang Secondary School, PS³)念书。虽然名叫华文中学,其实是改制国中。虽然名叫Pulau,其实不是一座岛。这里有我很多美好的回忆。那个为赋新词强说愁的岁月,也是我这辈子最文艺的岁月。

当年我的课外活动就是搞华文学会。办了不少活动。而长期的活动就是搞壁报了。

那个年代还没有电脑。所有的稿件都得找字体端正的同学誊抄在稿纸上。版面设计则是由美术好的同学画在马尼拉卡片上。然后我们便把稿件和画好的卡片贴上学会的壁报栏上。

已不记得这壁报是多久更新一次了,不过却清楚记得我的文章是壁报的常客。真可谓是自编自写。当时流行用笔名。我也曾有过一个很文艺的笔名。

和当年办壁报比较,现在写博客就更完全是自编自写了。甚至连「誊抄」和「版面设计」的工作也一手包办了。

Monday, January 25, 2010

博客整容

这三个多月来,如果你常来我的虚拟空间,而且又观察入微的话,相信你会发现我的博客页面常会有一些小整容。我在去年十月替我的博客彻底换装,而且是通过自己动手更改blogger标准模板的html/css代码。自那时起,我对blogger的html/css编码便产生兴趣。

从一开始对html/css代码的几乎一窍不通,到目前的有了基本的掌握,靠的完全是网上搜到的参考资料。互联网确实是个知识宝库。互联网时代是个知识垂手可得的时代,必须感谢那些好为人师、愿意把自己的知识放上网的网民。不只是知识,在为博客换装整容的过程中,我还接触到并使用了不少网上的免费资源,如让用户免费储存图片并提供URL链接图片的PhotobucketFileden;以及免费提供背景图片的 Background Labs 和提供页头图片的 Free Web Page Headers 等等。

也在这过程中,饱受Internet Explorer (IE)的「不合作」之苦。因为我是用Firefox的,常常当我做了一些修改后,在Firefox的效果很好,但是一用IE打开,却出现各种问题,如字和图排列不齐、中英文同行时高低不齐、某些地方出现不该有的空白等等。往往需要花不少时间去找出让IE听话的html代码。但是有些问题始终无法完全解决。所以我最终决定不理IE在显示上的「小毛病」了,而是干脆推荐大家用Firefox。

十月换装后,我一直都对自己的博客页面有不满意的地方,于是便也常对这博客的页面进行一些小整容。我想要的博客页面是简单干净,但是赏心悦目,而却又不花俏的。但是我又是个没有艺术细胞的人(小学和初中我的图画科向来都徘徊在及格边缘),也不是个图像式思考的人,所以我完全是用trial & error的方式去乱闯乱撞的。乱闯乱撞的结果最后倒还是让我弄出了这个你目前看到,我自己很满意的博客页面。

这也算是一种成就吧!

Friday, October 2, 2009

博客換裝

心血來潮,替自已的博客換裝了。而且是徹底的改頭換面。最值得一提的還是,這個新裝是自己通過改編HTML源碼而成的。

Blogger本身提供的模板大都以800x600解析度的屏幕而設計。而現在大多數人都至少使用1024x768解析度了。更有不少人是使用寛屏的,包括我自己。原有的模板放在寛屏裡感覺很便扭。而網上可以找到的其他模板卻又過度花俏,和我的性格不符。

因此只好自已動手改裝了。這個新裝較適合1024x768以上之解析度的屏幕的。

雖然並不是從零開始,而是改編Blogger裡原有的模板,但是我還是花了兩天時間。首先得了解源碼的應用及各個源碼的功能。然後是不斷嘗試各個顏色組合的效果。而且必須和我選的版頭照片契合。我是個缺乏藝術細胞的人,所以也只能簡單的處理顏色和綫條而已。

我這次選擇了「竹」為版頭照,因為我很喜歡竹。尤其是一大片的竹林。但是在馬來西亞卻没有這樣的竹林。我所見過的我國的竹都不美。一來顏色比較暗淡,二來我國的竹子是一叢一叢的,完全没有竹應有的飄逸。見過最美的竹林是在杭州。

因為選擇了竹,所以這個博客新裝也就很自然以緣色為主了。