HoHoHo

目錄 問題症狀 問題發生情境 處理方式大綱 實際處理做法 參考網址 contempo 主題在 blogger 裡面是非常方便的預設RWD響應式主題外觀，如果只想寫文章，不想要裝什麼雜七雜八的 widget 功能的人，這個主題已經有相當好的設定欄位，包含背景圖片、字形大小等都能依照作者喜好的格式自行調整，稍加研究就能把blogger部落格調整成一個自己順眼的外貌，且在手機上閱讀也不吃力，符合主流趨勢。 但 blogger 內建的 widget 插件太少才是大問題，很多 wordpress 能輕鬆找到的功能性外掛，blogger都沒有內建，必須要自己找各方高手自行設計的功能性widget 來改裝，這點真的麻煩，而且要調整也是需要一些程式底子。 問題症狀 今天在安裝【延伸閱讀】2.0版的時候就剛好碰到一個新問題，問題的症狀是無法儲存修改後的自訂主題，並且在左下角出現下面這段文字   The widget settings in widget with id <b>AdSense1</b> is not valid. An internal error occurred. Please try again.   後來才知道，這是一個常見問題，尤其是在另外一個 Emporio 的主題更常見。   問題發生情境 根據資料，會發生這個問題的有兩個情境   在修改css 或類似編碼時，這個錯誤代碼會跳出，但是 blogger 仍會允許你儲存修改 當插入一些html條件標籤，或是想在widget的區段編碼中做修改時，會出現這個錯誤代碼，並且讓你完全儲存修改   個人碰到就是第二種情境，完全無法修改。 處理方式大綱 而要處理的步驟簡單說明大致如下:  從版面配置中逐一將所有 adsense 的區塊移除 修改主題，直接將問題的編碼區段整個拿掉 上面兩件事做好後，儲存修改好的主題 接著如果想要做什麼修改，便可以開始進行修改 修改完也儲存好，便可以把 adsense 重新安裝回來 追加小知識:如果只是從 blogger的主題中移除 adsense，不會影響 adsense 用戶的權益，所以可以自由的在個人 blogger ...

  目錄 為什麼要重裝【延伸閱讀】 完成後的長相 安裝步驟 已知問題 參考網站 為什麼要重裝【延伸閱讀】 由於之前【延伸閱讀】(related post)的功能沒有安裝的很好，用了一陣子發現大概有3～4成的文章的延伸閱讀出不來，於是一股偏執發作，又另外花時間找了另外一組程式碼來使用，同時也把安裝的過程和程式碼筆記下來作為未來的資料參考。 先快速講一下這組新的【延伸閱讀】widget的程式碼的優缺點，首先是有縮圖，但縮圖有一些模糊 (已處理，credit to 灰鴿，下面的程式碼已調整) ，另外一點就是在手機上看時，不能自動調整到最適合的寬度。 再來就是雖然可以跟 blogger 預設的 contempo 這個版型相容，但未來要再修改html編碼時卻遇到無法存檔的問題，該問題的排除也蠻花時間，所以會另外寫一篇文記錄那些問題如何排除，這篇文章會先集中講怎麼把這組程式碼安裝進來。 一樣先強調，請先 備份 完後再做修改，避免無法恢復。 前面有提到當時在安裝時有遇到無法存檔的問題，於是為了避免持續碰到問題，有先將主題的程式碼恢復到原始狀態後才開始安裝，所以如果有已經安裝很多其他程式碼的網友看到這篇文章後，也想畫葫蘆改造自己的部落格時，卻發現不相容想放棄安裝時，有先備份才能避免無法恢復的窘境。 完成後的長相 其實拉到最下面就知道長什麼樣子，不過還是截個圖                                                                                                               ...

在主流都是使用 wordpress 寫部落格的時代，blogger 的開發團隊似乎更注重在整體部落格的穩定和閱讀體驗上，導致各項小插件發展十分遲緩，一個部落格該有的“延伸閱讀”的文章閱讀功能也一直沒有導入，於是只能逼不想離開 blogger 的人，去找相對應的修改方式來處理，對，那個人就是我，幸好還是不寂寞，網路上還能找到相對的文章介紹。 以下就對這個部落格導入“相關文章”、“延伸閱讀”，aka "related post"功能的過程做筆記，未來有需要時可以拿出來檢視，當然，如果你也跟我一樣有這個需求，也歡迎你參考。 但 強烈建議 ，如果有興趣測試的朋友，要記得先 備份 再進行修改。 目錄 原始使用主題 完成效果 修改步驟 已知問題 原始使用主題:  contempo light 完成效果: ^^^^^^完成後的效果^^^^^^ 修改步驟 /head前面加 CSS碼和程式碼 CSS碼 <style> #related-posts{ float:center; text-transform:none; height:100%; padding-top:20px; padding-left:5px; font-size:15px; border-top:1px solid #ddd; margin-top:25px } #related-posts h2{ font-size:25px; text-transform:none; letter-spacing:0em; color:#555; font-family:Georgia,sans-serif; margin-bottom:.7em; margin-top:0em; padding-top:0em } #related-posts a{ font-family:Georgia,serif; text-align:center; border-right:1px dotted #DDD; color:#2361A1; padding:10px 10px 0...