26 August 2009

用feedburner設定你的最新文章輪播

1)到feedburner.com
--它會自然轉址到google,因已google收購。

2)登入你的google 戶口

3)到publicize,點擊 headline animator


4)選擇你要的尺碼、顏色

5)到最下方點擊activate

6)然后選你所屬的部落格平台,或者選擇最后一項,即加HTML代碼。


7)把它加入或貼在部落格內,完成。

網技網羅

↑ Grab this Headline Animator

19 August 2009

blogspot可預定文章發佈時間

在blogspot輸入內容的右下方,有藉"張貼日期與時間"一欄,可以手動設定想要發佈的日期與時間。

這個功能相當不錯,當突然寫了很多東西,又不想即刻張貼,就可分開來發佈,慢慢與讀者分享。

*自己設定發佈時間


*按發佈文章后,出現的畫面。

02 July 2009

Final sense提供免費blogspot模板


使用blogger.com,即blogspot.com為域名的部落格,這裡推荐一個免費的模板網站Final sense,網站內的模板設計並不複雜,簡潔好看,最近更推出不使用照片,只用CSS的設計,個人相當喜歡。

觀看該站內的模板樣本后,想要轉換成自己的部落格樣本,只要點擊MORE即可,然后把整段代碼複制,貼在自己的模板即可。

模板代碼基本上不會與blogger.com的設定有太大的衝突,只要之前利用預覽(preview)看一看,就可以知道適不適合使用有關模板。

提醒:必須先把blogger.com內的模由"配置"轉為HTML,只需點擊一下,然后貼上即可。

備注:
模板圖片和顏色可以更改,只要找裡頭的圖片連結和顏色代碼,就可隨自己心意更改。
不過,最好先把原本模板的Code存成text file(存在note pad內),以防萬一,一旦失手,還可以補回自己的模板的內容。

網址連接:
http://www.finalsense.com/services/blog_templates/

30 June 2009

del.icio.us美味書簽域名變成delicious.com

美味書簽delicious的網名不知幾時改了,從del.icio.us 改成delicious.com,不過這也不錯,至少不用像以前這樣,一直點不對地方。

一直有在不同的書簽網站注冊,包括一些台灣的書簽網站,不過最后還是只用回delicious,簡單易用,而且沒有這樣容易出狀況,同時也支持華文字型。

27 June 2009

讓代碼顯現在文章內

寫部落格有時會向人介紹一些功能的代碼,但常常會被部落格主機誤認為執行碼,以至無法顯現,原來需要轉換一些代碼才可使用,這個網址http://www.elliotswan.com/postable/可以輕易的解難題。

方式如下:
1)登入http://www.elliotswan.com/postable/
2)出現以下這個畫面:

3)抄貼或鍵入你想顯現的代碼;
4)按右下端的make it friendly;
5)把代碼抄入你文章內要出現的地方即可


**參考和資料來源:http://balflearlee.blogspot.com/2008/09/postable.html

CSS畫圓角表格

用CSS寫圓角表格,看起來比較美觀,這裡有一些資料。
首先,在<head>和</head>之間,填上這一段:


<style>
.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b

{display:block;overflow:hidden;}
.b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
.b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid

#999;border-right:1px solid #999;}
.b1,.b1b{margin:0 5px;background:#FFFFFF;}
.b2,.b2b{margin:0 3px;border-width:2px;}
.b3,.b3b{margin:0 2px;}
.b4,.b4b{height:2px;margin:0 1px;}
.d1{background:#FFFFFF;}
</style>

然后,再你要畫的表格內,即<table>的<tr>或<td>后,加上以下這段:

<div>
<b class="b1"></b><b class="b2 d1"></b><b class="b3

d1"></b><b class="b4 d1"></b>
<div class="b d1">
<font style="font-size:26px;color:red; margin:0px

10px;">
<!--fill in content here-->



</font>
</div>
<b class="b4b d1"></b><b class="b3b d1"></b><b

class="b2b d1"></b><b class="b1b"></b>
</div>

*裡面的顏色代碼可隨自己喜好更改。


***資料參考來源: http://blog.mukispace.com/2008/12/10/css-more-corner-style/