2009年11月22日

為Blogger加入圖文式「相關文章」

Blogger版型、功能修改紀錄
這篇文章Amos是寫來給自己備忘用的。由於Blogger的功能彈性還算不錯,可供使用者調整的地方(或說過於陽春而需要自訂的功能)不少,Amos怕自己陸續增加或修改的東西,時間久了連自己都忘記怎麼改,所以就邊做邊記囉。若是湊巧這裡面有網友們看了覺得不錯用、值得參考的,那也算是額外的益處了...

雖然Rose Venus的部落格才面世不久,但是為了讓日後文章越來越多時,能讓讀者方便看到類似主題的文章,所以Amos在網路上搜尋相關widgets,最後覺得LinkWithin的「related posts with thumbnails」不論是功能、視覺都比較令人滿意,所以就前往製作了個widget。

首先前往LinkWithin的網站,完全不須註冊,首頁上可以看到相關功能、特色,以及哪些網站也跟你一樣使用了LinkWithin的Widget。

www

然後在頁面右下方可以看到申請Widget的Form,填上你的E-mail、Blog網址、blog平台(在此我選Blogger)以及需要呈現幾篇相關文章(可選3~5篇),若是你的Blog是深色背景、淺色字體的話,記得再勾選「My blog has light text on a dark background」,最後點選底下藍色的「Get Widget!」按鈕,就會帶你到最後一個步驟畫面了。

form

在最後步驟畫面中,點選第一項的「Install Widget」灰色方形按鈕,就會出現Blogger的「新增網頁元素 Add Page Element」畫面,按「下ADD WIDGET 新增迷你組件」就大功告成啦!

install

在我的部落格內顯示出來的畫面如每頁文章下方,還不錯吧!



7 則留言:

  1. 謝謝你,找這個找好久,超讚!

    回覆刪除
  2. 仲威:
    不要客氣,很高興本文能對你有所助益。

    回覆刪除
  3. 謝謝,簡單好用!

    回覆刪除
  4. 不要客氣,很高興能幫到你~

    回覆刪除
  5. 叉燒包?你餓了嗎?我看一切很正常呀?

    回覆刪除
  6. 好讚啊~比在別的文章教、在的一堆程式碼中尋找的方法好多了

    回覆刪除

歡迎您留下任何建議、指教。雖然匿名留言是被允許的,但我們仍然非常希望能知道您的大名,所以可能的話,還是請您至少留下名字或暱稱囉~