2010年5月23日 星期日

BTemplates-設計給Blogger的板型/範本網站

https://blogger-script-study.blogspot.com/2010/05/blogger-template.html

介紹一個專門給 Blogger 的使用者下載範本的網站-BTemplates,這個網站收集了各式各樣 Blogger 的範本(template),讓 Blogger 的玩家有個多采多姿的網頁。它還很細心的把範本都分門別類好了,可以按照欄數來選擇(單欄、二欄、三欄、四欄),也可以按照樣式來選擇(從Wordpress轉過來的、給喜歡精緻的你用的部落格(Elegant)、給雜誌部落格用的(Magzine)、給相片部落格用的(Photolog)…),也可以用顏色來區分,還可以用側邊欄在左邊或右邊來區分...等。

  • 名稱:BTemplates
  • 網址:http://btemplates.com/
  • 適用部落格平台(BSP):Google Blogger
  • 使用語言:英文

操作步驟:

1. 進到 Btemplates 首頁,左手邊的主欄位就是可以下載的範本,中間有個分類欄位(Cloumns, Styles)可以讓你根據自己的喜好來篩選範本,右邊的應該是廣告吧!

2. 假設我們先選擇這個【Green City】的範本(template)來當作示範好了。建議先點擊它的圖示進入下一個畫面。
blogger_templates01s

3. 這裡可以有比較大的圖示可以讓你瞭解這個範本的樣子,如果還是覺得不夠真實,可以點選【Live demo】 實際查看套用範本後的網頁樣子。如果滿意的話,就可以點選【Download】。基本上下載回來檔案為壓檔,你必須先解壓縮,解完壓縮後會看到一個【Green-city】的資料夾,範本就在其資料夾下面,會有一個 .XML 附檔名的檔案。
blogger_templates02

4. 打開 Blogger 的後台(要先登入喔!),點選【版面配置】→【修改HTML】→【下載完整範本】,先備份原來的範本。然後點選【瀏覽...】找到剛剛解壓縮的 Green-city.xml 檔案,然後點選【上載】。 不會進入Blogger後台?先參考一下這一篇 Blogger template (板型)修改注意事項。
blogger_templates03

5. 上載完成後,有時候會出現一些小問題,可以選擇【保留小工具】,就可以完成上載了。也可以選擇【刪除小工具】那麼這編列出來的小工具就會消失。點【取消】就是取消範本的上載,也就是不變。
blogger_templates04

6. 上載完成後就會出現這個畫面,點【檢視網誌】就可以看到新的範本已經套用了。
 blogger_templates05

7. 完成了。這就是新範本套用後的樣子,跟你預期的一樣嗎?不滿意的話還可以依照前面的步驟把舊的範本換回來。 不過要小心,有一些後來加上去的【小工具】可能會不見,建議在 Blogger 開設之初就把板型設定好,免得以後麻煩。
blogger_templates06


回到 Blogger 部落格技巧總整理

2010年5月12日 星期三

如何申請Google Analytics(分析)

https://blogger-script-study.blogspot.com/2010/05/google-analytics.html

Google Analytics(分析)功能真的很強,它不但可以提供我們網站的流量,也可以告訴我們很多網站分析有用的資訊,諸如網頁的跳出率、網站(頁 )的停留時間、訪客的回訪率、訪客來源、搜尋關鍵字訪客來源,還可以追蹤網站內點閱分佈圖…等。

我則比較常用它來觀察我部落格的流量變化,因為它紀錄了我從開始申請使用到現在的所有流量資料(1年又8個月),我也常拿它來觀察我的訪客從何而來,然後分析我在網路上的足跡如何影響我的部落格流量,比如說有多少來自FunP而來,有多少從MyShare而來,還有多少來自不同的搜尋引擎。
Analytics11s

如果你還沒有Google的帳號,那你必須先申請一個,因為Ayalytics現在也是Google的服務之一。

1. 進入 Analystics 網址:http://www.google.com/analytics

2. 點擊【請立即申請】。
Analytics01s

3. 你還是需要再輸入一次你原來的Google帳號密碼,以開啟Analystics的使用權限,然後按【登入】。
Analytics02s

4. 點擊【Sign Up】進行下一步。
Analytics03s

5. 填寫欲加入 Analystics 的網址,如果還有更多的網只要加入觀察,可以等到Analystics 申請完成後再加入。
為你的Analystics取一個帳號名稱,以後也可以加入更多的帳號管理。
建議可以將時區改為【Taiwan】。
Analytics04

6. 填寫你的【(Last Name)姓】及【(first Name)名字】,應該可以接受中文字";【國家(Country or territory)】選擇【Taiwan】。
Analytics05

7. 勾選【Yes, I agree to the above terms and conditions】服務條款,然後按【Create new Account】。
Analytics06

8.選擇【A single domain (default】,並複製程式碼,然後按【Save and Finish】按鈕。
Analytics07

9. 進入天空部落(YAM) 後台,點選【管理首頁】→【個人資料】,在「部落格描述」的欄位貼上剛剛複製的程式碼,然後按【資料更新】按鈕儲存。
Analytics08


《2010.11.19更新》
如果你的部落格使用Google的Blogspot,先進入Blogspot的後台,點選「設計」主頁籤,在選擇「修改HTML」次頁籤,找到『</head>』然後在其前面貼上Anayltics的程式碼,按「儲存範本」就可以了。
Google_analysts_blogspot


剛裝上去的時候,狀態(Status)通常是【三角形的驚嘆號】,表示Analytics還未追蹤到程式碼,請耐心等約5分鐘,後再試看看是否已經轉變為【圓形時鐘】或【打勾符號】,如果已轉變,表示程式安裝正確,如果還是未轉變,可能是程式碼安裝錯誤,請檢查或刪除原來的程式碼,然後重新安裝。
Analytics09

狀態(Status)符號的意義:
Analytics10


回到 Blogger 部落格技巧總整理

2010年5月10日 星期一

主動操控Blogger的網頁檔名有意義化,提昇PageRank

https://blogger-script-study.blogspot.com/2010/05/blogger-web-name-pagerank.html

在我們對搜尋引擎的認知裡,一般的搜尋引擎在搜尋文章時,除了搜尋文章裡面的關鍵字外,文章的網頁檔案名稱也是其搜尋的對象之一,所以如果想要讓搜尋引擎快速找到我們的文章,除了在文章內放上關鍵字之外,有意義的文章網頁檔案名稱也非常重要,這樣可以優化搜尋,PageRank就可以加分。

如果你是用Google提供Blogger來發表你的部落格文章,不知道你是沒有發現到,Blogger其實只能辨識英文,而無法辨識中文字,並給予適合標題的網頁名稱,如果你的文章標題全部都是中文字,那Blogger就會給你一個如【blog-post_??.html】,其中??會用數字代表,的通用網頁名稱,這樣子是無法讓搜尋引勤藉由網頁檔名來瞭解你的文章的;如果你的文章標題中有英文字,那Blogger就會把前面的中文字抓來當作網頁的檔名。

所以我們是可以控制Blogger的網頁檔名的,我們可以先在文章要發表的時候,先取成簡單有意義的英文標題,等到文章發表後馬上改回我們想要的中文標題,這樣就可以擁有搜尋引擎可以瞭解的網頁檔名,也可以有個我們可以理解的中文標題。

就我的經驗,Blogger的網頁檔名一旦指派,無論你的標題名稱或是文章內容如何改變,都不會再變更,除非你刪除原有的文章。

還有一點要留意的,一旦文章發表後,想要更改檔名要越快越好,否則有些搜尋引擎或網路機器人,會把原來的中英混雜的標題收錄進去,以後查詢搜尋引擎的時候可能就會看到一些奇奇怪怪的文章標題,建議你可以把標題作成有意義的全英文格式,等發表後馬上改回你想要得中文格式。

來看看如何控制Blogger的網頁檔名吧!這裡示範的是使用 Windows Live Writer 的部落格離線編輯工具,方法也可以適用在Blogger的網頁編輯工具上,此方法可能不適合其他的部落格平台(BSP)。

▼文章寫好準備發表時,這邊文章的標題全部都是中文字【旗山的哥德式天主教堂與武德殿】,所以Blogger應該無法辨識,而會給予一般通用的【blog-post_??.html】網頁檔名。
Blogger_filename01s

▼文章發表後,查看其網頁檔名果然為 【findlifevalue.blogspot/2010/05/blog-post_09.html】的通用格式。
blogger_filename02s

▼使用原來的文章,重新發表一次,但是把標題加上英文關鍵字【Chi-san church旗山的哥德式天主教堂與武德殿】。
Blogger_filename03

▼文章發表後,再查看其網頁檔名,果然變成 【findlifevalue.blogspot/2010/05/chi-san-church.html】有意義的名稱。
blogger_filename04s 

▼確認網頁名稱正確後,馬上將原本標題前面的英文字移除,然後再發表一次,這次發表的內容及標題將會覆蓋過去原來的。
Blogger_filename05s 

▼再查看一次網頁,可以發現網頁檔名維持有意義的【findlifevalue.blogspot/2010/05/chi-san-church.html】,而文章標題也改成我們所要的內容了。
blogger_filename06s


2010年5月7日 星期五

Blogger小工具提供【最新回響/回覆/回應】功能

https://blogger-script-study.blogspot.com/2010/05/blogger-widget-recent-comments.html

Blogger 有新的【最新迴響】 可以使用囉!可以提供最多25個迴響,還可以設定顯示的迴響字數長度,算是還不錯用啦,不過還不是很完美就是了。

1. 進入 Blogger 的後台,點選【版面配置】→【網頁元素】→【新增小工具】。
Blogger_Recent_comments01

2.在【小工具搜尋框】的地方輸入【Recent Comments】,然後按下【Enter】鍵。
Blogger_Recent_comments02

3. 搜尋結果應該只有一個【Blogger Recent Comments】,按下這個圖示,或其後面的【+】符號。
Blogger_Recent_comments03

4. 出現【設定小工具】視窗,如果一切都沒問題,就按下【儲存】按鈕,建議字數改為100就可以了,200有點太長了。
Blogger_Recent_comments04

5. 這就是使用這個【Recent Comments】小工具所提供,功能比之前利用【資訊提供網址】來達到最新迴響還要強,【資訊提供網址】提供最多五個迴響,就我的測試,這個方法則可最多25個迴響,雖然沒有說明。
Blogger_Recent_comments05

6. 這個是使用原來【資訊提供網址】所作出來的最新迴響,你喜歡哪一個?
Blogger_Recent_comments06


回到 Blogger 部落格技巧總整理