Google AdSense終於和 Google Analytics結合了

終於看到自己的Google AdSense的帳戶裡出現，"讓您的AdSense帳戶與Google Analytics(分析)整合"的字眼了，這是去年Google AdSense在2008年10月就已經推出的功能，因為是逐漸開放給發布者利用，終於到1月底才輪到我的帳戶可利用。

【公告】0與1謎詭世界RSS訂閱網址變更

因為進行Feedburner和Google帳號合併，所以0與1謎詭世界RSS訂閱更新為 http://feeds2.feedburner.com/lun01。

如果發現收不到新文的朋友，煩請訂閱新的網址。

也謝謝這期的藍眼觀注投票且在FunP上推文支持綸太郎的朋友，投票至1月31日止，在此謝謝大家過去一年來的支持，再過三天就過年了，祝福大家身體健康，一切如意，好運旺旺來。

圖片來源：
http://yummi11.pixnet.net/blog/post/22989077

詭異的PageRank的數字

今年0與1謎詭世界的PR值升為4，這是綸太郎努力將近兩年才得到的結果，因為我較少到別人家留言，或是和他站交換連結，靠的大都是網友們覺得我的文章對他們有些幫助而做的反向連結，我很感恩這些網站，其實PR值只是個象徵意義，對我的重要性並不是太大，只是有時看到那個數字自己會有些小小的欣慰，但是今天發現一件事讓我覺得很錯愕，感覺之前的努力是怎樣?
就是下面這張圖，


這是我去年年底(2008.12)申請的WordPress的TodoLife部落格，居然PR值是4，我想是不是搞錯了，還找了2個PageRank的網站來測試，也裝上Google工具列，但都顯示PR4，



後來想說會不會是利用twbbs.org申請固定網址及在000webhost.com空間架設網站所造成的，大家統一都是PR4（很呆的想法），結果也不是，想起PR達人---高登介紹的看誰幫你加分提到的網站Link Diagnosis，後來再仔細把他的文章重看一遍，將圖放大來看，發現我的網站就在圖表上，那時(1/15)我的PR值就已經是4了，我真是後知後覺。

待我用這個工具及Google搜尋來看，連結TodoLife站最高的PR值，就是我自己的網站0與1謎詭世界，和3個是PR1的站，也是我的網站與funp哈部落，反向連結總共22個，大多也是我自己連上的，所以以上的權重到底對PR值佔多少份量，只有1個PR4的反向連結，能讓這個網站PR變成4嗎?我不相信，看了一下部落格觀察，PR還是顯示0，可見這是最近發生的事，所以反向連結（不管密度、強度、價值，這是高登在徹底解讀Google PageRank(PR)一文裡提到的）真的能讓你的PR值升高嗎?對這個網站來說，我想比重應該不高吧。

以下是用Link Diagnosis測試的圖表，點圖可放大。


為什麼才40天(以申請http://todolife.twbbs.org/網址起算)，一個網站的PR值能從0變成4，其實我真的一頭霧水，因為文章只有16篇，每天來訪的人數也只有小貓兩三隻，只能證明流量真的對PR不是很重要，那到底是發生了什麼事???


(圖片來源：波力的Q版人像展覽廳)
最後自己想想，我想唯一能夠解釋的就是我自己的網站連來連去的效應發生了，還有0與1謎詭世界的對外連結並不多，也是加分的原因吧，因為我不放友站連結，是避免人情包袱，也避免拒絕或是接受的兩難，大家一視同仁，只是另一個網站東京封印的PR還是3，所以大概是上禮拜去山上拜佛，佛心來的給我一個驚喜吧，無論如何這件事提醒自己還是認真寫文章最要緊，管他什麼PR值高或低，不過我的PR值既然已經是4，就得好好利用，在首頁放上自己寫的部落格，來個置入性行銷也不為過吧，順水推舟，其實 PR能吃嗎?只是一個奇檬子罷了。


(圖片來源：彎彎部落格)

文章分類太長了嗎?教你將它變成兩行

在部落格的編排裡，文章分類通常是常常的一串，佔用相當長的版面，如果你的邊欄元素不多，或許可撐些場面，感覺部落格豐富許多，但每個格主的要求不同，有人喜歡簡潔、有人喜歡掛滿各式小元件，這時網路上相關功能就能視自己需要而派上用場了。

通常文章分類，在Blogger很棒的部份是利用標籤Tags來分類，而非傳統的Label，所以一篇文章可以使用很多個標籤，但相對的他沒有一個大分類底下再加上小分類的功能，如果從其他BSP搬家過來的朋友可能比較不能適應，很多人喜歡層層疊疊的，像俄羅斯娃娃一樣，不過我個人是覺得太複雜，其實都只是習慣問題，其實用tags是比較正確的，方便網友搜尋相關的文章，但有的人會濫用，造成搜尋的負擔也是不好的，就看自己的喜好。

在在文章分類的部份最常利用的就是標籤雲（Label Cloud）Hacks功能，詳細情形可參考將Blogger Beta的Label作成Label Cloud或是增強標籤分類功能: 標籤雲 (Label Cloud)，這在綸太郎之前寫的使用的Blogger Hacks資源網站有提到過，另外也有人將他以折合式的方式呈現，按下【+/－】來展開/縮起文章分類，以求畫面的簡潔，可參考讓側邊列 (Sidebar) 的元件能夠展開和摺疊 (Element Toggling)一文，而我要介紹的是不用使用Hacks的JavaScript語法就能達成的，也讓網頁減少載入Hacks的負擔，讓一長串的文章分類能夠變成兩行，讓畫面簡潔一些，也讓閱讀者較能在一個頁面上迅速找到自己想看的分類。

做這個變動之前，建議放標籤、Lable的欄位要寬，至少250px到350px之間甚至更寬，除非你的標籤是英文或是短短的幾個中文字，否則以180px寬度來容納兩行標籤，會有種太擁擠的感覺，我以東京封印為例，本來是一長串的文章分類，

更動之前，首先也需備份你的模板，進入blogger後台→修改HTML→勾選展開小裝置範本，找到以下這一行，
<b:widget id='Label1' locked='false' title='文章分類' type='Label'>
或是label1這個關鍵字，按下ctrl+F，就會跳出搜尋框。
如下圖，

看到下面的
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>

如圖

將
<ul>改成<ul id="tags">
再將
<span dir='ltr'>(<data:label.count/>)</span>
置換成以下這行
<data:label.name/> (<data:label.count/>)
(<data:label.count/>)，代表的是這個分類的文章數量，如果不想顯示可以拿掉。
因為我們在上面增加了一個id為tags，所以要在css裡追加這個tags的定義，
.sidebar #tags li {
float:left;
width:70px;
}

寬度就視你的邊欄寬度除以2，大概再減20px左右，譬如我的欄位為430px，我的寬度設定為190剛好可容納，可以自己慢慢調整，如果你的欄位更寬，譬如600px，寬度你設180px，也可將分類弄成3行的情況，如下圖


另外如果你的標籤會重複出現兩次，如下圖，我的東京封印網站，記得將


<data:label.name/> (<data:label.count/>)
前面的
<data:label.name/>移除，只剩(<data:label.count/>)
即可，這是我自己測試的結果，因為每個模版的結構有些不同，所以還是要自己找到問題點慢慢修正，因為我測試過另一個網站並沒有這種情形，而是正常的執行。

最後記得，如果你將新增小工具裡的標籤移除後，要重新放上標籤時，上面的html語法要重新再裝上才能生效，有興趣的朋友可以試看看。

參考來源：
Blogger のラベル(タグ)を2列で表示させる itFun.jp

入‧圍‧藍‧眼‧觀‧注--0與1謎詭世界

部落格：0與1謎詭世界
入選：第58次藍眼觀注（同期同學有29位，小班制）
編號：21號(真希望年齡也是)
投票期間：即日起至2009年1月31日（過年期間不休年假）
投票資格：須在部落格觀察註冊（登記有案）且認領自己部落格者，登入後即可投票，每人有5票資格
投票教學：小Ken思路不轉彎-- [BlogLook] 部落格觀察全教學，註冊、登入、新增網誌、認領一氣喝成
投票網頁：藍眼觀注投票
投票獎品：讓入圍者創作更多好文章，活絡部落格社群，常常投票者，加權指數提高，擁有較大的決定權，注重的是精神層面，至於實質獎勵，嗯，再想想…..

綸太郎這次入圍第58次藍眼觀注也把同期同學其他的29個部落格瀏覽過一遍，發現涵蓋了美食、漫畫、插畫、閱讀、電影、音樂、電視劇、電玩、科技及政治性的部落格，還有一些比較特殊型態的部落格，像是同志及直銷的部落格都名列其中，真是令我大開眼界，部落格世界真的是百花齊放，也有幾位同學並非第一次入圍，都是先前都已入圍佳作的，能持續進榜，真的是很努力，而且很多人寫部落格才不到半年、一年，進步迅速。

寫部落格快兩年才第一次入圍，一直像烏龜一樣慢慢爬，所以當熟姐（第57次藍眼觀注得主，恭喜她）通知我時，還覺得有可能嗎? 看到Mybloglog黑貘老大的大頭時，想說可能歐，真的，入圍了，而當ㄚ晟（第55次藍眼觀注得主，也恭喜他）再來留言時，想想該寫篇文章交代一下了，我想這是各種指數交織出來的結果，而這結果表示自己的努力有了些許的成績，這對2009年是個好的開始，Pagerank升為4、訂閱人數即將突破500（不過下午突然掉到300多，少了100多個訂閱，不知為什麼），只是經過上次華文部落格人氣獎的磨鍊，這次入圍並沒有帶給我很大的驚喜，得不得名對我而言已在其次，畢竟入圍就是種肯定，所以謝謝投我一票的人，感恩，大家歡喜就好。

2009.1.21追加：
感謝留言且投票支持0與1謎詭世界的朋友，很多都是老朋友了，雖然知道得獎機會不大，但是還是謝謝大家的情義相挺，如果有投給我的朋友，也麻煩告知，讓我有機會回訪你的部落格，趁此次活動多認識大家，互相交流。
【前面是部落格，後面是作者】
‧旅美熟姐日記，旅美熟姐
‧ㄚ晟的IT筆記，在地ㄚ晟
‧敗家誌°，Arno Ruan
‧On My Way，C. POYEE
‧BlackTale黑色童話，Joyce
‧Xavier's nOte，Xavier
‧輪遞的空間，Randy
‧4月17聯絡簿:菜鳥ID保護區，Sango
‧中等女子，Grace
‧停留一瞬間，Caraprince
‧小Mic報報，小Mic
‧一腳踩進多倫多 ，Tiffany
‧愛耍酷的Style ，fashionstyle
‧彥子小站 ，彥子

延伸閱讀：
利用Gmail的表情符號寫文章，增添文章的活潑性

Background Labs│清爽且帶有設計感的背景紋理圖案

Background Labs
常常網路上有許多免費圖庫，但總覺得不適合自己的需求，圖片資源或許非常豐富，但總覺得沒有什麼設計感，或是過於單調，而這次找到的這個網站，真的令我眼睛一亮，清爽且帶有設計感的背景圖案，真的很適合用來放在個人網站或是部落格上當背景圖案或是作為各個元件的背景。

FunP貼文與Blogger圖片縮圖的錯誤

FunP目前是國內很知名的Web2.0社群網站，其實對我而言就是一個功能性的網站，貼文、推文而已，而其中的社群服務甚至最近的麻吉還有哈黑社會，我幾乎都沒有使用，有時甚至一個禮拜都沒有登入FunP，因為最近的互推信真的有點給他氾濫，你推我、我推你，覺得很沒意思。

其實今天不是來抱怨廣告信氾濫，而是發現自己的文章在funP貼文上有一個非常大的錯誤，其實嚴格說來也不是什麼錯誤，而是Blogger系統的問題，就是
在FunP的推文的圖片都是擷取整個網站的縮圖，而非文章裡的圖片，如下圖。


或許你會問，有差嗎?

其實剛開始，我自己是覺得沒多大關係，有人貼文就很高興了，但是最近發現這個現象好像越來越嚴重，幾乎每一篇都是網站縮圖，而這個問題並非貼文的使用者造成的錯誤，嚴格來說應該是我自己寫文章的習慣造成的，怎麼說呢？

因為我寫部落格習慣使用的圖片都是500px大小，而且都是從blogger後台直接上載，再更改展示大小，而因為Blogger系統制式的規格是s200(小)、s320(中)、s400(大)等，而我發現funP沒法取得大於s400的圖片縮圖，所以就算我的圖片在貼文時有出現，使用者選擇了文章裡的圖片也沒法產生作用，因為他連上的圖通常都是大於s400，因為我的語法都是採取s1600，最大尺寸，所以最後Funp的系統還是會以網站縮圖來展示這篇文章的圖片。

而如何解決呢?

就是你的文章只能用小於或等於400px大小的圖片，Funp才能幫你縮圖，大於400px，他就直接擷取網站縮圖了，但是這種情形對於使用Flickr或是其他相簿圖庫的文章，並沒有相同的現象，另外如果你的圖片是使用Picasa自定名稱的相簿，而非後台直接載入產生的系統相簿，好像也不會發生這種情形。

另一個解決方式就是自己再加入圖片，將圖片網址修正為s400，
譬如我原先的圖片網址為
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWy2Za1Ns6k4ukTOASBkphdeJnUmBRCxaYTu3YSrGcM8qzV2XqZUKxkrCcju2JhzVgS0cXSrZ5_5wJDxJdPFNYTOJF3jNlV0pegvAK-bPDL_QUD6im1_9HGnrLzSdvtHfEyyPCIAovL9c/s1600/ujitemp.jpg
要修正為
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWy2Za1Ns6k4ukTOASBkphdeJnUmBRCxaYTu3YSrGcM8qzV2XqZUKxkrCcju2JhzVgS0cXSrZ5_5wJDxJdPFNYTOJF3jNlV0pegvAK-bPDL_QUD6im1_9HGnrLzSdvtHfEyyPCIAovL9c/s400/ujitemp.jpg

加入後重新上傳更新，記得更新成功後，要按F5，系統才會出現更新後的圖片，

因為Funp給予部落格的作者有修改權限，但是有修改的話，都會寄送份修改信給原貼文者，今天修正了很多貼文的圖片，覺得有點抱歉，但也謝謝那些把我的文章貼上FunP的朋友，但是今後我就會努力自寫自貼嗎?我想還是不會，貼文的事就交給專業的人來貼吧，我貼文的推文數通常都很低，其實自己覺得每篇文章水準都差不多，特別覺得寫得很棒的反而很少人推，或許我缺乏流行的感應度吧。

修正照片後的推文，是不是美觀多了，其實沒有相對應的美美照片，也減少了讓人按下去看的衝動呢，不推沒關係，有來看我就很高興了。


另外要提出來的就是Picasa的相簿，圖片外連的部份，通常語法是
http://lh4.ggpht.com/_1Dt8h3yfmuk/SV8FYblfQYI/AAAAAAAAAUg/sYqAq2Kz8bw/s800/nf1.jpg，如果你把s800這個圖片大小拿掉的話，圖片也不會顯示，雖然Picasa提供了各種解析度的控制語法讓我們使用，但是總覺得一種相簿服務，語法應該統一，Picasa一張圖片所提供的語法真的太多，除了上述這些還有以wlw寫作時產生的類似，
http://lh4.google.com/sunyata.c/R7XIfmc0VMI/AAAAAAAABsA/7X2M91CtN7w/jorudan8[8]，一堆百分比，另外還有加上?的這種語法，這些對於新手而言，我真覺得是太複雜，有的人可能不會利用，就轉而其他圖片服務了，真的是很可惜的事，因為它的空間真的很大，又沒有流量的限制，是可以長久使用的相簿服務，希望Google能夠再改進，給我們一個方便又可親的相簿服務吧。

後記：發表完就貼上FunP測試，果然就沒有以上的問題，可以捉到正確的文章縮圖了，所以圖片還是利用Google Blogger提供的制式大小400px來寫作，問題會較少吧。

上載新的Blogger templates常發生的錯誤，解決之道

最近Blogger Templates的網站資源漸漸多了起來，許多以前單純的兩欄或三欄式模板範本已經不能滿足許多的愛用者，所以常有些會修改CSS模板的高手，將WordPress的Theme，改成blogger template也能使用，造福了我們這些不懂設計的使用者，但相對的在使用上會出現一些問題。

常常在更新模板的時候，系統會出現一個bX-*****的錯誤訊息，雖然先前在Google 關於blogger各項服務的網誌這篇文章有提到Blogger Error Codes，可以查詢這些錯誤訊息，但是很多還是找不到解答，而以綸太郎自己改版的經驗而言，我提供幾個方式來判斷及解決改版時所碰到的問題。

通常我們從後台上載範本時，按下"上載"後，通常會出現一列文字，
請確認以下的小裝置是否應該刪除。 這些小裝置的所有配置數據都將遺失。
就是有些widget元件會被刪除，通常我們按下確定並儲存即可，但有時會出現bX-*****的錯誤讓你無法更新，這時我們可以注意到這些元件中是否有兩個名稱相同的Widget，

例如我更新某個模板時出現兩個Text3元件， 這時我按下確認並儲存，就發生bX錯誤。


這時我們回到版面配置→網頁元素，將其中一個元件(在此例，可看到兩個About This Blog，就是Text3)按下編輯，移除其中之ㄧ即可，


再回到上載的畫面，重新上載，這時元件Text3已經移除，按下確認並儲存，模板就可更新成功。


另外有一種比較麻煩的是，雖然相同的元件有兩個，如下圖的AdSense1


但是他並沒有可供移除的按鈕，你可以看這個AdSense的區塊比較淺色，他不能拖曳移動，而是固定在那個位置，就是作者直接將AdSense寫在template的xml檔裡，通常可由底色來判斷， 這時我們就無法從編輯元件裡移除，


這時我們回到版面配置裡→修改HTML，切記不要展開小裝置範本，這時只要將AdSense這個關鍵字找出來，把這個元件刪除即可，如何找呢?

按下Ctrl+F，Firefox最底下會出現搜尋框，而IE6會跳出搜尋框，打入Adsense即可，這時會找到


<b:widget id='AdSense1' locked='true' title='' type='AdSense'>
這行語法，將他刪除即可。

其他的可以自行判斷，通常元件都是以b:widget為開頭的，這時再回到版面配置看網頁元素，你可以發現AdSense只剩下一個。


這時再載入新的模板，可以看到先前重複的小裝置AdSense1只剩一個，按下確認並儲存，就可更換成新模板了。


如果怕刪除錯誤，也可以將這個元件改個名稱，例如原先是id='AdSense1'，將它改成id='AdSense2'，這樣這行語法就可以不用刪除，這種方式也是可以的，因為id是唯一的，如果出現兩個一樣的，就會發生錯誤，謝謝阿榮教練的提醒。

如果遇到這種嵌在原始程式碼的元件，也有另一種解決方式，就是在版面配置→挑選新模版，就是先套用官方模版後再來修正，這時本來不能移動的元件會變成可以移除的狀態，例如以下，


AdSense變成一般可拖曳的狀態，很神奇吧，這時按下編輯，再將它移除就可以了，然後再上載你所要的模板xml檔即可更新成功。

以下截圖為AdSense的狀態，左邊是原先不可移除的狀態，你可以看到移除鈕不見了，後來更新為官方的模板，移除按鈕就出現了。


另外有些錯誤狀況，按下「將迷你組件範本回復為預設值」，有時也可恢復原始的狀態，但是不一定有用，通常多試幾次看看。

當然最糟的結果就是整個站砍掉，重新申請新的網址，但是這是最後的辦法，如果碰到類似的狀況，或許多試幾次就可更新模板成功了，分享一下自己換模版的經驗，因為最近的模板的功能越來越多，有時要更新還真的會出現一些錯誤情形，供大家做個參考。

補充：
‧Mania提到使用不同瀏覽器有時也能解決上傳模板的錯誤，大家也可以試看看，我主要是利用IE來改版，因為IE會出現的錯誤較多，而Firefox的容忍度較高，我會兩種瀏覽器都測試，不專於某一個。
‧阿榮教練也提供自己改版的經驗，如果元件被作者寫死了，無法移動，可以將語法，例如，b:widget id='HTML7' locked='true' title='' type='HTML'
裡的locked='true'改成locked='false'，就可移動元件了，不過重複的元件還是要先刪除或是改個名稱才可以，不然一樣會出現bX碼。
以下是阿榮所提供的教學

widget（元件）與 section（區段） 相關屬性：

class 應該是該元件的 CSS 設定

id 即是該元件的名稱，在 xml 中不可重複

locked 如上方所敘述為鎖定該元件移動與否的屬性

showaddelemt 在該 section 中是否顯示「新增小工具」設定工具

title 即是該元件顯示的名稱

type 就是元件的型式；type 的相關屬性目前小弟尚未整理出來，有待各位先進發掘

true 與 false 在程式語言中，是開啟與關閉的意思

謝謝兩位願意在這和大家分享心得。

2009.2.24更新
如果最近上載模板常發生錯誤的情形，出現bx-error，可參考這篇
更換新模板時發生bX-sftlmn│bX-9281o1o│bX-bliced的錯誤訊息的解決方式。

延伸閱讀：
Blogger template模板教學課程---如何修改有廣告的模板