博客頭條-Blog headline

網頁載入測速器

2008-08-07T10:55:00.000-07:00

WebWait是個簡單方便的網頁測速器，只需輸入你的Blog的網址，就會幫你計算載入網站所花的時間，並且每60秒測試一次，5次後取平均。這項統計服務看起來還挺可靠的就是了。

操作非常簡單,只需輸入你的Blog的網址，WebWait就會開始測試。

完成！！

icon小圖示搜尋引擎

2008-08-06T10:43:00.000-07:00

iconlet是個icon的專門搜尋引擎，只要輸入關鍵字，就會找到很多圖標任你選擇。但是iconlet不支援中文搜尋，僅能透過英文查詢，不過還算是個有用的服務。

Step 01

操作非常簡單,只要輸入關鍵字，就會跑出一大堆圖標任你抓。

完成！！

在你的Blogger放煙花

2008-08-05T15:41:00.000-07:00

這個Blogger外掛還挺特別的,它會不停的播放不同的煙花。如果你有什么喜事要慶祝一下的話，不妨去放一下煙花。

Step 01

去maxisassocia,官方網站有三個外掛，小心別抓錯了，煙火是第二個外掛。

Step 02

Copy全部maxisassocia提供的 Code，然後貼在你Blogger上面。
可以貼在你的文章裏，也可以利用『HTML/JavaScript』貼在Sidebar上。

完成！！

看看你的Blog多熱門

2008-08-04T11:06:00.000-07:00

想知道你的Blog的熱門程度，最好的方法就是查詢一個網站在各大書籤網站的討論數量或訂閱量。你只需要在Social Scan上輸入你網站的網址，就可以得知你的Blog被Digg、Delicious、Bloglines等網站收藏的數量!

Step 01

首先去Social Scan

Step 02

1-輸入你網站的網址就可以得知你的Blog被Digg、Delicious、Bloglines等網站收藏的數量

完成!!

在你的Blog上顯示目前流灠人數

2008-08-03T10:02:00.000-07:00

是否想知道你的Blog目前有多少人瀏覽? Whos.amung.us是一個簡單的Blog線上瀏覽人數統計器，只需copy官方提供的HTML碼，就會出現一個簡單的計數器。點擊即可得知該讀者正在瀏覽哪個頁面，挺方便的。

Step 01

先去Whos.amung.us的官方網頁。

Step 02

01--在顏色輪盤上選擇你的計數器的文字和背景顏色。

02--如果沒有你想要的顏色，你可以輸入顏色碼。

03--把所有Whos.amung.us提供的Code全部copy下來。

Step 03

然後你可以貼在你Blogger上面。
可以貼在你的文章裏，也可以利用『HTML/JavaScript』貼在Sidebar上。

完成！！

免費音樂播放站

2008-08-02T16:14:00.000-07:00

如果想要在部落格放音樂,又找不到適合的網絡點唱機,又擔心版權問題的話。這個網站finetune提供的小外掛應該是你很好的選擇，因為他是完全免費的，而且選擇還滿多的。他的操作原理就是你可以搜尋作者和專輯，然後把歌加入你個人播放清單中。

Step 01

去finetune注冊一個新用戶。（注冊過程省略）

Step 02

注冊完成後，login你的Account。然後去 Station 挑你喜歡的歌曲在按一下『+』加到Playlist,加完歌曲後，再按一下『Embed playlist』，如下圖。

Step 03

Copy全部finetune提供的 Code，然後貼在你Blogger上面。
可以貼在你的文章裏，也可以利用『HTML/JavaScript』貼在Sidebar上。

完成！！

為你的Blogger加入繼續閱讀功能

2008-08-01T10:45:00.000-07:00

如果首頁的文章過長或是圖片過多，一樣會影響到首頁的瀏覽速度。所以這篇利用Javascipt，把想要隱藏的文章直接remove掉，提高首頁的讀取效率，並且還具有點擊『Read More』標籤時才出現全文的功能。

Step 01

請先登入 blogger.com

Step 02

控制主頁：請按『版面配置』功能

Step 03

修改版面配置：請按『修改HTML』功能

Step 04

在修改HTML裏按一下[展開小裝置範本]旁邊的空格。

Step 05

修改前請注意：建議請先『備份下載模板』(以免修改錯誤)

Step 06

在之前放入下列的Code。(可以把『Read More』改成『繼續閱讀』)

function hidePost(postUrl)

{

var label=document.getElementById("fullpost");

if(label!=null){

eA = document.createElement("a");

eA.setAttribute("href",postUrl);

eA.setAttribute("title","Read More");

eA.appendChild(document.createTextNode("...Read More"));

eB = document.createElement("p");

eB.setAttribute("id","read-more");

eB.appendChild(eA);

label.parentNode.appendChild(eB);

label.parentNode.removeChild(label);}

}

</script>

Step 07

使用『搜尋文字功能』找到下列的 Code。

然後用下面的code取代上面的Code。

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.url'>

</b:if>

Step 08

最後，去『設定』的『格式』，如下圖。

Step 09

把下列的Code Copy下來，然後貼在『文章範本』裏，再按『儲存設定』。

<div id="fullpost"> </div>

Step 10

以後只要把想隱藏的文章寫在下面兩段Code之間就行了。

<div id="fullpost">

//想要隱藏的文章部分

</div>

完成！

為你的網站加個我的最愛小圖示

2008-07-31T16:58:00.000-07:00

不難發現，很多網站的網址前方的有個小圖示，非常可愛，也可以提高你的網站辨識度也提高，挑選一個符合你網站的圖示，不僅美化也能在加入書籤時，有個不同於其他書籤的明顯提示。

Step 01

請先登入 blogger.com

Step 02

控制主頁：請按『版面配置』功能

Step 03

修改版面配置：請按『修改HTML』功能

Step 04

在修改HTML裏按一下[展開小裝置範本]旁邊的空格。

Step 05

修改前請注意：建議請先『備份下載模板』(以免修改錯誤)

Step 06

首先選擇一個你要的圖，盡量是比較簡單的gif或是png的圖，大小大概16*16。

Step 07

把下列的Code Copy下來，然後貼在</head>之前。
記得把xxx改成你的圖片地址。

最後再按『儲存範本』

完成!!

為你的Blog加一個POCKY 時鐘

2008-07-30T12:30:00.000-07:00

最近偶然發現了一不錯的好看的時鐘，這個時鐘會隨著季節變化，有特定日期也有會一些改變。安裝方法直接去官方網站取得原始碼，有分寬板和窄版各有Flash和JavaScript兩種。

Step 01

先按這裏去到提供時鐘的網站。
然後copy在表列的 Code，如下圖。

Step 02

請先登入 blogger.com

Step 03

控制主頁：請按『版面配置』功能

Step 04

在適當的位置按一下『新增小工具』

Step 05

再選擇『HTML/JavaScript 新增』
在內容裏貼上之前copy的Code，然後按『儲存』。

完成！

如何在Blogger顯示最新文章

2008-07-29T11:43:00.000-07:00

顯示最新文章可以讓你的游覽者可以清楚知道你最近在Blogger的文章是甚麼。但Blogger系統的部落格沒有提供最新文章列表，使用者若是想要這個功能，往往要使用其他方法來列出最新文章，方法當然很多，例如使用別人所寫的程式來顯示，或是使用blogger後台的工具訂閱自己的RSS來顯示。現在就跟大家分享如何讓Blogger有『最新文章列表』這功能。

Step 01

請先登入 blogger.com

Step 02

控制主頁：請按『版面配置』功能

Step 03

在適當的位置按一下『新增小工具』

Step 04

再選擇『HTML/JavaScript 新增』

Step 05

先改一個標題，例如：『最近十篇文章』

var postshow=xx; 顯示文章的數目
http://xxx.blogspot.com/ 把xxx改成你的Blog的地址

在內容裏貼上下列的Code，然後按『儲存』。

<div class="widget-content">
<div id="newpostsjinyaolin">
<h2>Loading...</h2>
</div>

<script>
function compareentry(a,b){
order= Date.parse(a.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/,
'$1/$2/$3 $4 GMT')) - Date.parse(b.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/,
'$1/$2/$3 $4 GMT'));
return 0-order;

}
function handlePostsjinyaolin(json) {

var temp = '<ul id="Feed001_feedItemListDisplay">';
var postshow=xx;
var sortentry=json.feed.entry.sort(compareentry);
for (var i=0, post; post = sortentry[i]; i ) {
if(i>=postshow) break;
var title=post.title.$t;
var link=post.link[0].href;
var authorname=post.author[0].name.$t;
var timestamp=post.published.$t.substr(0,10);
temp = '<li><span class="item-title"><a href="' link '">' title '</a>-' timestamp '</span></li>';
}
temp ="</ul>";
document.getElementById("newpostsjinyaolin").innerHTML = temp;
}
</script>

<script src="http://xxx.blogspot.com/feeds/posts/default?alt=json-in-script&callback=handlePostsjinyaolin"

type="text/javascript"></script>
</div>

完成！

Google map教學短片大集合

2008-07-28T10:49:00.000-07:00

之前已經教過大家如何使用 Google map了，但你可能嫌站長寫得不夠詳細或者不夠深入！不用擔心，我在網絡上找到一些有用的Google map教學短片給大家，希望大家可以更加有效使用Google map。

Google Maps: Create Personalized Maps

Adding places to Google Maps

Checking your address on Google Maps

Google Maps: Add personalised content

Embed Google Maps

Using Google Maps with your Garmin GPS Device

Add Google Maps to your website

Driving directions with Street View on Google Maps

一步步教你用Google map

2008-07-27T09:47:00.000-07:00

如果你的Blog是一個遊記或者食記為主題的博客,而你又想分享你心儀的遊遊景點或者餐廳的話!快點去Google map建立自己的地圖，把食記、遊記的連結置入，讓別人透過Google地圖查詢地點時，順便宣傳進而導到自己的Blog。

例如我有些餐廳的地點連結會在Google地圖上建立，下面可以看到一些餐廳的LOGO是我自己放置，如果找不到餐廳官方的LOGO，也可以用自己拍的照片來置換。

Step 01

首先用Google的帳號登入Google地圖，再至「我的地圖」裡

Step 02

「建立新地圖」，然后起一個名字和說明，然後「隱私權設定」可以選擇公開或者不公開

Step 03

這時候就先用Google地圖找到一些地點的地址，例如：九龍深水桂林街48號

Step 04

按「儲存至我的地圖」

Step 05

這時就可以選擇一開始建立的類別或者選擇你之前建立了的地圖。

Step 06

然後可以根據這個地址的地點編輯內容，標題可以把地址置換成商家的名稱

Step 07

圖示也可以選擇預設的標記或是其它圖檔，現在選擇「新增圖示」然后輸入圖檔的URL。

Step 07

編輯好后，記得按一下左面的『儲存』，之后再按一下『連結至此網頁』。
之后可以Copy『將連結貼到電子郵件或即時訊息中』或者『貼上 HTML 以嵌入您的網站』到你Blogger的文章中。

完成！！

每篇文章裏都有Adsense廣告

2008-07-26T11:49:00.000-07:00

如果你想把Adsense廣告放在每篇文章裏，可以試一試我提供的方法！因為Google AdSense有規定每個網頁只能放三個廣告組，而每篇文章都放的話，又會超過限制。所以我把它改為只顯示在文章裏，也就是在首頁裏看不到每篇文章下面有廣告，要點擊進入文章才有廣告，這樣廣告的關鍵字也比較準確。

Step 01

請先登入 blogger.com

Step 02

控制主頁：請按『版面配置』功能

Step 03

修改版面配置：請按『修改HTML』功能

Step 04

在修改HTML裏按一下[展開小裝置範本]旁邊的空格。

Step 05

修改前請注意：建議請先『備份下載模板』(以免修改錯誤)

Step 06

修改範本：使用『搜尋文字功能』找到下列其中之一的 Code

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
<----程式碼插入處
</span>

Step 07

將下列整段紅色程式碼貼入（程式碼插入處）

align="left" 的位置可以自己調整，要置中的話可以改為align="center"，置右改為align="right"

<div align="left">
<b:if cond='data:blog.pageType == "item"'>
[AdSense 程式碼]
</b:if> </div>

Step 08

最重要的地方是要修正一下AdSense程式碼(很多Blogger都是如此，不用擔心違規)

把 < 和 > 改為< 跟 >如下圖

最后儲存範本。

完成！

博客文章上顯示程式碼的轉換工具

2008-07-25T09:54:00.000-07:00

很多初入門的博客因為不懂得程式碼語法應用，就直接把語法貼在文章裡，但是網頁出來的卻是Java Script呈現的效果，而沒法展示語法。以前我通常就是使用顯示HTML代碼在Blogger文章的方式，當然也有比較專門的程式，或其他方法，目前我覺得這個Postable網頁提供的程式碼的轉換小工具最方便。

Step 01

首先連去Postable網頁

Step 01

把你想要轉換的程式碼 Copy 下來。
然后貼在Postable裏的空白區。
之后按（make it friendly）。
最后把已經轉換的程式碼Copy下來，再貼在你的文章上！

完成！

在Blogger控制圖片大小的方法

2008-07-22T12:00:00.000-07:00

大家有沒有發現就是Blogger自己帶的圖片upload功能是不能控制圖片大小的? 這個功能雖然方便,但是最重要的編輯圖片大小功能就沒有。所以大家一定不可以偷懶，一定要寫Code來控制圖片大小。

Step 01

當你想貼一張圖片到你的文章的時候，把下面的紅色的Code全部 Copy，然后貼在你的文章上。

說明：

http://xxx.jpg 是你的圖片位置 (記得用圖片的位置來代替xxx.jpg)

height="xxx" 是你的圖片的高度 (記得用圖片的高度來代替xxx)

width="xxx" 是你的圖片的寬度 (記得用圖片的寬度來代替xxx)

<div class="separator" style="text-align: center; clear: both;">
<a href="http://xxx.jpg" imageanchor="1" style="border: 0pt none ; background-color: transparent; margin-left: 1em; margin-right: 1em;"><img height="xxx" src="http://xxx.jpg" style="border: 0pt none ;" width="xxx" /></a></div>
<span class="fullpost">

完成

免註冊貼圖空間一覽表

2008-07-21T13:43:00.000-07:00

今天小弟向大家推薦一些很棒的圖片存儲空間網站,本站的日誌裡的圖片也是在這些圖片儲存網站上,全部免註冊貼圖空間不需要註冊便可以直接使用。希望可以節省大家找免費空間的時間！

http://www.pixpond.com/
檔案大小上限: 500Kb

http://www.imagewhiz.com/
檔案大小上限: 500Kb

http://www.imageshack.us/
檔案大小上限: 1024Kb

http://imgspot.com/
檔案大小上限: 650Kb, 不支援BMP
平均香港 Ping 時間: 250ms

http://uploader.luvzone.net/
檔案大小上限: 500Kb
平均香港 Ping 時間: 220ms

http://paintedover.com/
檔案大小上限: 1.5M
平均香港 Ping 時間: 300ms

http://download.hzinfo.com/forum/ani_upload.asp
檔案大小上限: 不明
平均香港 Ping 時間: 220ms

http://flypicture.com/
檔案大小上限: 1024Kb

http://www.imagehosting.us/
檔案大小上限: 1024Kb

http://www.uploadyourimages.com/
檔案大小上限: 500Kb

http://www.imagevenue.com/
檔案大小上限: 1.5M

http://www.imghost.us/
檔案大小上限: 600Kb

免費上傳檔案空間一覽表

2008-07-20T10:50:00.000-07:00

如果你想有一些檔案想跟別人分享,但是又找不到適合的檔案空間!這次站長就找到了一些免費上傳檔案空間!總之一大堆,肯定找到適合你的!

DepositFiles http://depositfiles.com/
【空間大小】300MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】30天無人下載【必須註冊】是

ecPocket http://www.ecpocket.com/
【空間大小】50MB/200MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】未知【必須註冊】是

FasterUpload http://www.fasterupload.com/
【空間大小】250MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】未知【必須註冊】否

FileFactory http://www.filefactory.com/
【空間大小】250MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】未知【必須註冊】否

FilesFly http://filesfly.com/
【空間大小】300MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】未知【必須註冊】否

Fupload http://www.fupload.com/
【空間大小】500MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】7天【必須註冊】否

MegaUpload http://www.megaupload.com/
【空間大小】250MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】30天無人下載【必須註冊】否

MooLoad http://www.mooload.com/
【空間大小】500MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】30天無人下載【必須註冊】否

QuickSharing http://www.quicksharing.com/
【空間大小】500MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】30天無人下載【必須註冊】否

SendSpace http://www.sendspace.com/
【空間大小】300MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】14天無人下載【必須註冊】否

ShareBigFile http://www.sharebigfile.com/
【空間大小】300MB(500MB) 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】21天無人下載【必須註冊】否

Spread-It http://www.spread-it.com/
【空間大小】500MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】14天【必須註冊】否

SupLoad http://supload.com/
【空間大小】200MB 【下載限制】下載30次
【檔案類型】無限制【流量限制】無限制
【砍檔時間】7天【必須註冊】否

TheUpload http://www.theupload.com/
【空間大小】200MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】30天無人下載【必須註冊】否

UltraShare http://ultrashare.net/
【空間大小】250MB 【下載限制】無限制
【檔案類型】無限制【流量限制】一小時150MB
【砍檔時間】20天無人下載【必須註冊】否

UpdownloadServer http://www.updownloadserver.com/
【空間大小】250MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】無限制【必須註冊】否

UploadYourFiles http://www.uploadyourfiles.de/
【空間大小】200MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】30天【必須註冊】否

zUpload http://www.zupload.com/
【空間大小】500MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】30天無人下載【必須註冊】否

Load.to http://www.load.to/
【空間大小】300MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】14天無人下載【必須註冊】否

Rapidupload http://www.rapidupload.com/
【空間大小】300MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】30天無人下載【必須註冊】否

BonPoo http://www.bonpoo.com/
【空間大小】250MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】10天【必須註冊】否

CleverUpload http://www.cleverupload.com/
【空間大小】250MB 【下載限制】無限制
【檔案類型】無限制【流量限制】無限制
【砍檔時間】100天無人下載【必須註冊】否

50個免費登錄搜尋引擎

2008-07-19T10:14:00.000-07:00

全世界有數千萬個網站，在如此眾多的網站中，您的網站如何能吸引更多網民或潛在客戶去瀏覽你的網站?將網站登錄在全球各大搜尋引擎是最不花錢也最有效果的方法。

站長從網絡上收集了一些中文搜尋引擎登記!希望可以幫到大家!

google
http://www.google.com.tw/addurl/?hl=zh-TW&continue=/addurl

yahoo
http://tw.search.yahoo.com/free/request

YAM天空
http://reg.yam.com/register/register.asp

MSN
http://search.msn.com.tw/docs/submit.aspx

台灣網站登錄目錄
http://dir.twseo.org/submit.php

台灣入口網
http://portal.tw/

迪吉艾網站登錄
http://mulu.digi-eyes.com/submit.php

小蕃薯
http://reg.yam.com/reg_kids/register2.asp

Gais
http://gais.cs.ccu.edu.tw/reg_new.php

y28網站導航
http://www.y28.com/cgi-bin/link/join.pl

pchome
http://bookmark.pchome.com.tw/

百度搜索
http://www.baidu.com/search/url_submit.html

cn雅虎
http://search.help.cn.yahoo.com/h4_4.html

中搜
http://d.zhongsou.com/NetSearch/pageurlrecord/frontpageurl.jsp

搜狐
http://db.sohu.com/regurl/regform.asp

九尾狐
http://dir.jwhu.com/

易搜網
http://www.yeaso.com/e/DoInfo/AddInfo.php?classid=43&mid=2

180度水平線搜索引擎
http://www.sou180.com/

S0B8
http://www.sob8.com/reg.php

Accoona
http://www.accoona.cn/cn/public/submit_website.jsp

comrite
http://www.comrite.com/addurl/submit_url.php

登錄網站
http://www.oursweb.net/search/addurl.asp

極限搜索
http://www.2881.com/

酷億
http://www.ku68.com/home/webreg.asp

時創
http://search.s128.com/drpt.htm

部落格互播網站登錄
http://www.webdirectory.com.tw/

宜蘭悠遊網
http://www.ilan-yuyu.com.tw/search/load2.htm

TV.NET-台灣互通網
http://www.taiwanesevoice.net/about4.php

高雄網
http://www.kaohsiung.tw/submit.htm

酷比
http://www.scupio.com/scupiohomeweb/page/register.aspx

台東縣全球資訊網
http://www.taitung.gov.tw/chinese/store/st_date.php

phs
http://phs.eimg.com.tw/reg.php

老師& 學生網站登錄
http://wwwt.au.edu.tw/weihsin/asp/search/addweb.asp

魔豆網
http://www.modoworld.com/reg.web.aspx

魔搜
http://web.mosir.com.tw/index_contact.asp

公益搜尋引擎系統
http://www.npo.org.tw/Links/register.asp

婦女互互網站
http://www.womenweb.org.tw/MainWeb/Link_Reg.asp

女人國免費網站登錄
http://www.iamlady.net/portal/addlink.asp?func=subm

台灣交易電子市集
http://www.emarket.com.tw/cgi-bin/url_login.cgi

超級特搜引擎
http://search.seeder.net/reg.asp

alexa
http://www.alexa.com

TOP優質廠商名錄
http://www.toppages.com.tw/submit.htm

哈姆雷特遊戲網站登錄區
http://www.higame.com.tw/cgi-bin/web.cgi

36it搜尋器
http://36it.com/search/add.php

0401
http://www.heshow.com.tw/

GDEC國度
http://www.gdec.net/dir/protocol.asp

協通
http://www.net2asp.com.cn/search/regform.htm

線索台灣
http://call.greenworld.com.tw/add.cgi/

Star Ratings 五顆星評分功能不能顯示

2008-07-18T11:47:00.000-07:00

如果Star Ratings 五顆星評分沒有出現在你的Blogger的文章下面，就必須手動加入程式碼。

至於手動加入的步驟如下:

Step 01

請先登入 blogger.com

Step 02

控制主頁：請按『版面配置』功能

Step 03

修改版面配置：請按『修改HTML』功能

Step 04

在修改HTML裏按一下[展開小裝置範本]旁邊的空格。

Step 05

修改前請注意：建議請先『備份下載模板』(以免修改錯誤)

Step 06

修改範本：使用『搜尋文字功能』找到下列其中之一的 Code

<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>

Step 07

在把下面的 Code貼在 Step 06 的 Code 下面

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>

Step 08

再尋找

<b:include name='feedLinks'/>

Step 09

將下列程式碼放在Step 08的下方

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

儲存範本

完成!!

Blogger新功能-Star Ratings

2008-07-17T11:04:00.000-07:00

Blogger官方這一次釋出的新功能都滿不錯的，其中之一是Star Ratings，以前必須外掛JS才能作到（例如outbrain這一類），現在Blogger終於提供了。

首先還是先登入draft.blogger.com，點選「版面配置」–「網頁元素」，編輯「網誌文章」，選取「顯示星號評等」後儲存。

如何做呢?

Step 01

請先登入 blogger.com

Step 02

控制主頁：請按『版面配置』功能

Step 03

再按-編輯「網誌文章」

Step 04

選取「顯示星號評等」後儲存

完成!!

一步步開始建立自己的Blog

2008-07-16T10:46:00.000-07:00

本人在網絡上搜集了一些Blogger 教學短片,這些短片可以教你如何開始使用您自己的Blogger去寫你的第一篇文章。

這些短片非常適合Blogger初學者。

大家可以通過這些短片一步一步您的第一篇文章。

Start a blog with Blogger

雖然大部分的短片都是英文,但它們都有詳細的影像教學,所以問題應該不大!

Customizing Your Blogger Template

Uploading a Video with Blogger

Creating a Blog List with Blogger

How to post images in a blogger blog post

養成良好的修改HTML的好習慣

2008-07-15T09:50:00.000-07:00

有沒有試過找不到你曾經修改過的CODE在哪里?

養成良好的修改HTML的好習慣是一個很重要的，在你編輯模板時添加評論可以方便你在下一次想再編輯或者想拿去那些Code的時候更加方便。

Step 01

把你想增加的Code(XXXXXXXXXXXXX)放在紅色的Comment之間,在你下一次想編輯或者想拿去那些Code的時候,可以用游覽器(搜尋功能)來找你想修改的Code。



XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXX



完成!!

透過優化文章標題來加強SEO效果

2008-07-11T11:02:00.000-07:00

這個優化技巧可以改變你的 Blogger 文章標題在瀏覽器標題列顯示的方式，而通常在blogger的顯示上，先是部落格名稱，再來才是你的文章標題。這個技巧可以透過優化文章標題來加強SEO效果!文章的標題顯示如下。

如何做呢?

Step 01

請先登入 blogger.com

Step 02

控制主頁：請按『版面配置』功能

Step 03

修改版面配置：請按『修改HTML』功能

Step 04

在修改HTML裏按一下[展開小裝置範本]旁邊的空格。

Step 05

修改前請注意：建議請先『備份下載模板』(以免修改錯誤)

Step 06

修改範本：使用『搜尋文字功能』找到下列的 Code

<title><data:blog.pageTitle/></title>

Step 07

轉換成

<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/><title><data:blog.pageName/></title></b:if>

最後再按<儲存範本>

完成!!

顯示HTML代碼在Blogger文章

2008-07-08T14:00:00.000-07:00

假設你是寫文章，其中包括 HTML 代碼和 Java 代碼您想通過你Blogger與別人分享。但顯示HTML代碼在Blogger 文章是不容易的，因為瀏覽器往往只會顯示HTML標記，而不是展示他們的代碼。

這教學就是把顯示代碼問題解決。

(<,>,",&)

Step 01

1. < (i.e. less than sign) 用 <

2. > (i.e. greater than sign) 用 >

3. " (i.e. quote mark) 用 "

4. & (i.e. and sign) 用 &

如果你想大批的改寫這些代碼,我建議你用 Window 附帶的 Notepad(筆記本)

步驟如下:

1.Open一個新的“筆記本” （最重要的一步）

2.Copy您要編輯的代碼去筆記本

3.點擊在工具欄上-- -- -編輯\取代 (Edit/replace)---可以按快捷鍵 Ctrl+H

4.輸入您要編輯的代碼-- -- -（例如 <）

5.輸入新的代碼 -- -- -（為例 <）

6.click取代所有 (Replace All)

如下圖:

完成!!

把你Blogger上面的NavBar隐藏

2008-07-08T10:51:00.000-07:00

為了讓Blogger看起來更加美觀，我認為Blogger上面那條Navbar可以沒有存在必要，因為它將會破壞首頁的美感。

我總會覺得Navbar跟版型有點不配,現在只要在 CSS 裡面加上一行簡單語法就可以輕鬆快速移除 Blogger Navbar 。

Step 01

請先登入 blogger.com

Step 02

控制主頁：請按『版面配置』功能

Step 03

修改版面配置：請按『修改HTML』功能

Step 04

修改前請注意：建議請先『備份下載模板』(以免修改錯誤)

Step 05

修改範本：使用『搜尋文字功能』先找到 </head>關鍵文字

Step 06

複製下面CODE 程式碼貼到</head> 之前,最後再按<儲存範本>

.Navbar{visibility:hidden;display:none;}

</style>

完成!!