申請FeedBurner服務，感恩我的讀者

最近幫部落格申請了FeedBurner訂閱服務，先前一直沿用Google官方的RSS訂閱網址，雖然知道有這個好用的服務，但總覺得自己的blog沒有什麼人氣，所以一直沒有去申請，最近想整理一下自己部落格的資料記錄，細心的網友可能會發現我的blog並沒有裝上計數器，只有部落格觀察及線上人數，因為我有申請Google Analytics，所以各方面的分析都可以在這裡看到，只是我也很少去看，最近詳細看了一下，發現一些以前不曾注意到的事情，於是決定裝上FeedBurner，部落格從去年3月底開張到現10個多月的時間，想知道到底有多少人喜歡或是有興趣看我的部落格。

其實網路上關於FeedBurner的教學非常多，我是參考馬修的研究室部落格的文章教學:申請FeedBurner的E-mail訂閱RSS功能，裡面寫的非常詳細，有需要的人可以看看，也有一些關於Feedburner的相關文章。

申請之後，你的訂閱數會顯示0，但是過了三天我再上去看，人數就會正常顯示了，要給系統做移轉的時間，重點是在blogger的後台要將你新申請的RSS地址填上去，他才會做整合，因為預設都是http://yourname.blogspot.com/feeds/default，
在設定→網站提供→在「張貼資訊提供重新導向URL」內填入FeedBurner的URL即可。

也要記得將網頁最下方的訂閱： 文章 (Atom)隱藏起來，不然一個網站顯示兩種Feed，讀者也會搞混的，雖然會整合，但是還是將他隱藏起來較好，
如何隱藏呢？也是進入後台→範本→修改HTML，找到下面這個定義，
.feed-links {
加入這行
display:none;
即可。

如果想另外設計圖案，提供按鈕讓網友訂閱的超連結，可以參考RSS訂閱文章相關說明，上半段的說明，也可以利用FeedBurner後台提供的語法直接新增網頁元素加上即可。

RSS的圖案哪裡找，可以參考一個我常去的日文網站
*ホームページを作る人のネタ帳，這一篇介紹許多漂亮的RSS圖案。
膨大なRSSアイコン。RSSアイコンをお探しの方はこちら。

也感謝曾經在blog提到我的網站的網友們，雖然我們彼此不認識，但是在網路上看見你們提及我的blog或是文章，都會讓我覺得有種溫暖的感覺，但如果是抄襲的文章，是會讓我有些鬱卒，還有些網友很可愛稱我為高手、強人，真是汗顏，因為我也不會寫程式也沒有什麼高深的學問，只是喜歡寫寫文章，分享自己的經驗，也是一種記錄自己生活的方式，我想91個訂閱者，對我而言真的好像夢一樣，在網路上我比較像是個潛水者，而且肺活量相當夠，很少浮出水面與人交流，不過感恩的心還是要讓來到我的部落格的網友知道，雖然我不認識你，但我謝謝你，給我繼續寫文章的動力。

Blogger圖片大小的控制

由於目前網誌用的圖片，是從後台直接從我的電腦中上載，並非利用Flickr或是其他的相簿網站，所以使用上總有些小問題，blogger官方的模式，只有位置水平排列及大中小三種格式，但是發現一個問題，就是每次選擇最大的，但是並非我圖片的原始尺寸，還是有經過縮圖處理，要再按一下圖片才會另頁顯示原始的圖片大小。

2009.9.30 更新
目前Blogger已經推出新版的編輯器，圖片上傳方式也有改變，請參閱，
Blogger文章編輯區新版模式正式啟用

最近研究了一下，原來blogger提供的大中小圖片格式，為400px、320px、200px，譬如我這張圖片大小為500px*375，

原始尺寸


大


中


小


所以最大的也只有400px，對於我想放風景照的圖片就很不方便，總覺得太小，後來發現只要更改一個地方就會讓他以原來的尺寸呈現，下面是我們插入圖片會產生的語法，注意下面語法紅色處

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjXZV6l4uqvSYBjZz7jR4-V9QI3zqQSG-C-eYJK5MiLsC4P4Rge_HkLrlCxXS6LxZSfiRrW1TwJmcWR0GMq2XlXmEYEv8jpHC4TTarF5tWaRDqW9zRBNeLLNlN9Ba3HtMDaNBRi3vHL6c/s1600-h/train.jpg"><img id="BLOGGER_PHOTO_ID_5162330399660371938" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjXZV6l4uqvSYBjZz7jR4-V9QI3zqQSG-C-eYJK5MiLsC4P4Rge_HkLrlCxXS6LxZSfiRrW1TwJmcWR0GMq2XlXmEYEv8jpHC4TTarF5tWaRDqW9zRBNeLLNlN9Ba3HtMDaNBRi3vHL6c/s400/train.jpg" border="0" /></a>

a href= 這一段語法是指圖片按下另頁呈現的原始圖片
img src= 這一段是原始圖片的來源，即是從你電腦上載經過blogger縮放的圖片
s1600-h以最最大尺寸呈現
s400 官方所設定"大"的尺寸，如果你上載圖片時選擇小，這時就不是s400而是s200，以此類推s320就是中。
所以我們在這裡將s400改成s1600（官方設定可呈現的最大值）就會讓圖呈現最大，也就是你原始圖片的大小（最大也只能到1600PX）。

其實我不知道google官方為何要這樣設定，我猜是為了讓網頁更快的顯示，圖形小顯示速度會較快，只是在我自己的習慣，我不喜歡按下圖片再去看原始的圖片大小，總覺得很浪費時間，又要多按一次鍵，除非是類似圖說的圖片，才有這必要，如果blogger的版面能容納，儘量就在圖片處理時將圖片整理好，否則一篇遊記的圖片，每張都需要網友去點閱看更大的圖，誰願意呢?我自己都不想呢！

其實這問題困擾我蠻久了，但在中文網站都看不到類似的說明，官方也沒有說明，最近看到一個日文網站有提到這個問題，雖然日文不是很通，但大概有個譜，就自己試試看，將圖片語法的img src裡的s400改成s1600，就能夠以原始的圖片大小呈現了。

而圖片格式除了上述的大小之外，還有72px、144px、288px、512px, 576px, 640px, 720px, 800px, 912px, 1024px, 1152px, 1280px, 1440px, 1600px的大小，最小是72PX，最大是1600PX，你都可以視版面自行變化，可以利用在超連結（a href）這部分圖片或是原始（img src）的圖片內容裡，要注意的是如果你原始圖片只有500px，就不可能拉大到576px大小，他會以500px呈現，反之你的圖片大過1600px，最大也只能呈現1600px大小。

像有的人喜歡用文繞圖，有時覺得圖片太大又要更改，這時就可以將語法改成s144(像左圖大小)，然後圖片置左或是右，作彈性的運用，所以發現這個秘訣之後，以後運用圖片就能夠更多變化了。

其實最佳利用圖片的方式應該是存在網路相簿裡，以指定url的方式來利用，那你就不用改設定，直接連結即可，目前blogger上載的相片都是指定存在PICASA的相簿裡，你也可以另開相簿本來存你要利用的圖片，將整理好的圖片直接匯入，這樣會方便許多。

如果你不是BLOGGER的使用者，也還沒有PICASA的相簿，建議可以利用PICASA的免費相簿，這套軟體是免費的，可以管理、組織、為你的相片加上標籤，也可以修圖及作種種運用，是一套很專業的相片管理程式。而目前免費所提供的功能限制為，儲存空間為1GB、相片不可以大於 20MB，詳細情形可參閱PICASA網站說明。

2008.11.24更新
Blogger內建圖片語法增加了width及height，如何解決，請見
Blogger內建圖片語法改變

參考網站
Blogger で画像の表示サイズを変更する方法

提高部落格的黏著度

文章漸漸多了之後，大家點選的通常是最近的新文章，或是排行榜的前幾名，其實有許多好文章隨著時間的流逝，而漸漸被淹沒，其實很多寫到有關部落格經營的方法中，有提到一點，就是要加強網友的粘著性，讓他在你的BLOG上多停留一會，而不是看了一篇文章就走人的臨時過客，當然當你的文章有內容有深度，提供許多網友想看的資訊，大家就會常常回過頭來看看，是否又有什麼新文章，但是卻常常忽略舊有文章的可看性，所以格主要經營一個BLOG，提高你舊有文章的可見度是很重要的。

我自己的經驗和實際操作的方法就是，
1、每篇文章後面會加上相關文章的列表。
2、利用Spotplex列出點閱排行榜，了解什麼樣的文章是網友想看的。
3、置頂處加上重點文章或是最新消息公佈欄，這我有用在我另一個網站。
4、在文章中儘量提到先前已創作的文章，並加上超連結，讓網友可直接點選。
5、利用導覽列標籤，列出相同類別的文章，讓網友索引更方便，像我網站上的Blogger Templates、Blogger Tips。
6、最後一個就是隨機文章，可以把你的陳年舊文給挖出來，其實網路上有好幾篇介紹這樣的工具，目前覺得Blog Stir是最方便的。

以上這些都是我目前在使用的，也有在別的Blog看到有「歷史上的今天」，也是不錯的，不過還沒找到方法，而且我的blog還年輕，沒有什麼歷史可言，或是用輪播的方式顯示特定標籤文章，像有的網友每個月都會製作每月排行榜，也是種方式，視自己的版面及需求，彈性的運用即可。

隨機文章產生器---Blog Stir

Blog Stir網站

這網站是屬於widgetbox裡的blog工具，不用註冊就可以使用，如果想註冊也是可以，註冊後可以在網站裡挖寶，製作屬於自己的widget專區，或是你也可以設計widget放到網站上供人利用，類似Google的小工具之類的，如果沒有註冊，每次跑出程式碼時都會提醒你要註冊，關閉小視窗即可。

在Widget Settings，填上寬度、高度、網址，Show Snippets（是否顯示文章一部分），選擇否，設好背景顏色，其中Name填了也沒作用，Keyword則是要填英文，所以建議不填，空白即可，他就會從全部的文章中隨意抓取，

按下Get Widget，會出現小視窗，

問你要將工具放在哪裡，建議點選Get Widget Code，如果選擇其他直接貼到blogger上，會要求你輸入帳號及密碼


，按下後就會產生程式碼，在將它放到適當的地方即可。
顯示的畫面如下

用這個工具就可以讓你的每篇文章都有出頭天的機會，而不會被新文章越壓越悶了。

2008.4.28更新
如何產生隨機文章---B Stir
這工具可以一次顯示5篇文章輪播。

RSS輸出與YOUTUBE結合---FeedWind

上次介紹Rss工具，顯示最新文章或回應---FeedWind，可以顯示你的最新文章及回應，試用到現在覺得很滿意，更新速度及顯示速度都很快，也不會像有些工具會拖慢網頁載入的速度，只是有時候主機會抓不到而顯示錯誤的訊息，是小小的缺點。

最近仔細看了他的網頁說明，這個工具也可以用來顯示YOUTUBE的影片，雖然在BLOGGER後台也是有這個設定，稱為視訊列，功能也不錯，但是只能以固定的模式顯示（四個影片，播放模式以pop-up的型態顯示），而不能修改一些介面的設定，就是沒有顯示css程式碼來讓你修改，而用FeedWind，則可以控制自己要顯示的影片數量，高度越高則顯示的影片約多，最重要的是直接可以在畫面上播放。

FeedWind官網

設定：高度設480px左右（如果只有一行標題），約3個影片，寬度大概固定160px，如果看不懂的可以參照我上次的教學，這裡有一項比較重要的就是要設定youtube播放器，如下圖：


RSS設定如下，
http://www.youtube.com/rss/tag/關鍵詞.rss

譬如最近很火紅的韓劇，咖啡王子一號店，就設成
http://www.youtube.com/rss/tag/咖啡王子.rss 類似如此

如果有第二個tag，則在後面加上 + （半形），來作索引
例如：http://www.youtube.com/rss/tag/星光大道+林宥嘉.rss

tag可以自訂，星光大道、楊宗緯、星光四少、大悶鍋、康熙來了等等，看你想看什麼就設什麼，很方便，一邊看文章一邊聽歌也蠻不錯的。

如果放在邊欄覺得太長，則可套用前一篇製作有上下捲軸的公佈欄，作彈性的運用，控制自己版面的排版，畢竟blogger的好處就是自由，想放什麼就放什麼，覺得累贅的就刪掉，其實久了以後我想很多人都不想再搬到其他BSP了。

製作有上下捲軸的公佈欄

最近在另一個網站加上了重點資訊，類似佈告欄的方式呈現，就是設定一個框框，將最新的旅遊資訊置頂表示，重點是我只要一個固定大小的格式，就算資訊多，也可以在旁邊出現捲軸讓你上下拉，可以看到所有的訊息，就像下面這樣，或是你也可以參考我的網站-東京封印。

東京封印

語法大概像以下這樣，你可以自行變化，

<div style="border:2px solid #1AC300;background-color:#ffffcc;padding:5px;height:160px; width:95%; overflow:auto;">
重要資訊內容
</div>

‧div：設定一個區塊。
‧style：設定樣式，每個定義請以分號 ; 隔開。
‧border：框線，你也可以設成border-top或是border-bottom，只要上框或是下框，沒有註明的話，就是四邊都有框。
‧height:框框的高度，可以自由控制高度。譬如你想介紹書本，放在邊欄，再多的書本也不會佔去版面太多空間，讀者可以上下拉bar來瀏覽。
‧width:百分比，因為通常我們的邊欄寬度是固定的，所以就用百分比比較方便，如果要用固定的px也是可以的。
‧background-color:背景顏色，或者你也可以加上背景圖案background-image:url(“圖片網址”);表示。
‧padding：文字與框框的距離，也是可以設padding-top或是padding-left等等。
‧overflow:auto; 這個是設定捲軸出現與否，有大過高度的資料就會出現捲軸，沒有大過高度就不會出現捲軸，有四種設定auto:自動捲軸、visible:沒有捲軸、hidden:隱藏捲軸、scroll:強迫捲軸。

簡單的介紹到這裡，如果想知道有關捲軸的語法可以參考下列網站，有很詳細的說明。
參考網站：
真夏の星夜™: 簡單使用讓文章加上捲軸

部落格賺錢新方法-寶石星球手機遊戲下載