HoHoHo

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

在主流都是使用 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