2014年4月26日 星期六

Blogger安裝LinkWithin縮圖顯示相關文章

以前寫的文章,過了一段時間後,很可能就在也沒有被閱讀,沉睡在網站中,希望文章能夠在網站上再次出現,讓讀者可以進一步閱讀更多依照標籤,相關標題的文章,是可以增加更多的流量,LinkWithin提供自動選取相關文章,以縮圖顯示,讓讀者能夠更方便地點選感興趣的相關文章



申請LinkWithin不需要帳號登入,只要輸入信箱與網址幾個簡單欄位,是十分容易上手的。

網站名稱:LinkWithin

網站地址:http://www.linkwithin.com

  1. 填寫信箱。
  2. 填寫網址。
  3. 選擇部落格平台,Mix是選Blogger
  4. 選擇顯示幾篇文章。
  5. 按下Get Widget。
  6. 按下Install Widget,如果你有登入Blogger,則會彈出新增網頁元素,幫你安裝代碼。
  7. 記住你的site_id,若安裝失敗,則需手動貼上代碼。
  8. 應該要有的代碼區域卻是呈現空白,這表示你的瀏覽器因安全性的問題擋掉了LinkWithin自動產生代碼,這時用手動的方式,貼上代碼到空白區域
  9. 貼上代碼到空白區域。
  10. 按下新增迷你組件,就會出現在版面配置中的小工具。









若安裝失敗,才需要用手動安裝貼上代碼,Mix準備了以下代碼,把xxx取代成你的site_id。

<script>
var linkwithin_site_id = xxx;
</script>
<script>linkwithin_text='更多精采文章:'</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img alt="Related Posts Plugin for WordPress, Blogger..." src="http://www.linkwithin.com/pixel.png" style="border: 0;" /></a>



改完site_id後,再把這段代碼,貼回到第9步驟的空白區域,然後按下新增迷你組件,就會出現在Blogger版面配置的小工具中。




安裝完成後,可以在版面配置中,看到1個新增的HTML/JavaScript區塊,這就是LinkWithin安裝的代碼。




Mix調整了一下位置,把它放在網誌文章的下方,就成功地以縮圖的方式顯示相關文章,讓讀者可以有更多的選擇。




3 則留言:

  1. 請問...有時縮圖失效,會變成僅以文章連結方式呈現,這樣是正常的麼?

    回覆刪除
  2. 為了顯示多張縮圖,因此也犧牲了不少速度效能,有時可能會載入太久,造成timeout,使得無法正確顯示縮圖,這也不算是正常,不過要如何提升載入速度,目前我也沒有其他方式可解,建議可以減少縮圖數量,降低負擔,提升顯示縮圖效能。

    回覆刪除
  3. 減少縮圖數量,參考第二張圖。

    第4步驟:選擇顯示幾篇文章。

    回覆刪除