教學 | 部落格外掛*相關聯文章*有興趣的文章*Linkwithin安裝美化

03.bmp

痞客邦其實也有類似的功能,在文章結尾的地方會顯示”你可能會有興趣的文章”,只不過這些文章是從痞客邦的文章庫中撈出來,而非你的個人部落格,顯示的幾乎都是別人的文章。若要改成顯示自己部落格內的文章,只能靠Linkwithin這個外掛了!多了這些相關文章的優點是可增加部落格文章的曝光度,有些發表很久的文章可靠著這個機制被訪客觀看到。這篇教學除了教你怎麼安裝外掛外(非常容易),還有如何美化顯示的內容,非痞客邦的部落格也可以用喔。

Step 1. 拿到Linkwithin的語法

到此網頁 http://www.linkwithin.com/learn , 填入信箱、部落格網址、和部落格的平台(Platform,痞客邦選擇other),就能拿到外掛的語法,非常容易吧!拿到的語法如下↓

<script>

var linkwithin_site_id = 2034851;

</script>

<script src=”http://www.linkwithin.com/widget.js”></script>

<a href=”http://www.linkwithin.com/”><img src=”http://www.linkwithin.com/pixel.png” alt=”Related Posts Plugin for WordPress, Blogger…” style=”border: 0″ /></a>

ps. 若你不是從linkwithin取得語法而是複製上面的語法,顯示的會是Dribs & Drabs的文章喔!歡迎 😀

最後一行可以刪除,如上方劃掉的部分。痞客邦的部落格可將以上語法放在側欄、公告區塊、頁尾描述這三個地方擇其一,其他部落格可以放在能顯示HTML與JS的地方。此時你可以在部落格首頁或是文章底部看見相關聯的文章連結囉,如下圖↓ 是不是非常簡單又好用呢!

01

ps. 若想刪除痞客邦原有的”你可能會有興趣的文章”,請參考這篇教學 Link

這個外掛目前有些問題,很多網友反應安裝不成功,建議直接跟Linkwithin反應,只需填入mail跟部落格網址,需要等待幾天後再看看部落格上有沒有安裝成功。

Step 2. 首頁模式不顯示

安裝上去後會發現在首頁或是文章分類模式每篇文章下方都會出現這個外掛,基本上會建議只有在文章模式時顯示就好,不然畫面會變得很雜亂。以下是移除首頁模式與文章模式的CSS語法,請放在CSS原始碼編輯裡。

#blog-main .linkwithin_outer{display: none !important;}

#category-main .linkwithin_outer{display: none !important;}

Step 3. 美化Linkwithin

若對以上顯示畫面沒有意見,這步驟可跳過,若想要美化的話,可加入以下CSS語法,請放在CSS原始碼編輯裡,美化後的畫面如下,滑鼠移至文章原本圓形的圖片會漸變成方形。

02  

 

♥ 部落格樣式 – 實用教學: https://www.dribs-drabs.com/blog/category/1358731