痞客邦其實也有類似的功能,在文章結尾的地方會顯示"你可能會有興趣的文章",只不過這些文章是從痞客邦的文章庫中撈出來,而非你的個人部落格,顯示的幾乎都是別人的文章。若要改成顯示自己部落格內的文章,只能靠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的文章喔!歡迎 :D
最後一行可以刪除,如上方劃掉的部分。痞客邦的部落格可將以上語法放在側欄、公告區塊、頁尾描述這三個地方擇其一,其他部落格可以放在能顯示HTML與JS的地方。此時你可以在部落格首頁或是文章底部看見相關聯的文章連結囉,如下圖↓ 是不是非常簡單又好用呢!
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原始碼編輯裡,美化後的畫面如下,滑鼠移至文章原本圓形的圖片會漸變成方形。
♥ 部落格樣式 - 實用教學: http://weilife.pixnet.net/blog/category/1358731
是撈不到的意思嗎??
感謝分享
謝謝Wei >3<
照大大的步驟,來到那個網站,「Platform」是選other 嗎?
選這個我才有出現語法可以複製,
我貼到首尾描述,結果出現「You might also like:」
請問這是發生什麼問題嗎?
2與3的步驟,是只要貼在CSS原始碼編輯中的任一個地方嗎?如:貼在所有語法的最下方可以嗎?
這部份我好像沒成功,是哪裡出錯了嗎?
話說我也超喜歡你的左右留言版功能,看起來也很清楚^^
太感謝啦~~~
我會附上出處,可以嗎?
我貼到公告版位,結果在頁首出現「You might also like:」
去進到內文後,一樣是跑別人的文章出來!!!
請問是哪邊出問題嗎??
Related articles 下面有跑文章出來,可是直接點擊的話卻會回到首頁,但是以滑鼠右鍵點擊「在新分頁中開啟連結」卻會正常地出現該相關文章。請問是什麼問題qaq
還是只是我的電腦問題orz? 謝謝你~
手機的話卻可以正常地連接到其他文章=3=
好開心喔~設定完成了!!
但我發現我的好像無法完整顯示耶~~
網址欄是這個樣→ 圖:http://i.imgur.com/dCN2Ebx.png
麻煩大大嘍m.___.m
太感謝你了!!每篇都好喜歡呢^^
一直有用你們版型~~覺得很讚!
我也安裝了,感謝分享喲,不過我照大大的步驟安裝
我是複製語法貼到首尾描述,結果出現「You might also like:」
不知道是哪裡弄錯了?哈~謝謝
謝謝你的分享。
我確定我的platform沒有選錯,但我一樣出現you might also like
然後內容是空白的。
請問是哪裡有問題呢?
再次謝謝~
對呀,近幾天第一次用,結果也是跟上面的留言情況一樣...
美化後出現了Related Articles...但下面是空白的!
痞客邦:http://hhdie0208tw.pixnet.net/blog
謝謝你.
我用了之後有顯示,但是是英文的
YOU might also like
請問該如何改成中文的呢?
謝謝
請問一下要怎麼把內建的"您可能感興趣的文章移除"
此外我發現我最新一篇的文章,感興趣連結裡的有章,都不是我的文章耶
但其他網誌又正常…
http://cartis1009.pixnet.net/blog/post/194367430
請問是發生什麼事了 ???
謝謝您
不過,我在步驟三卡住了, 只有第一篇文章的相關文章是圓形圖樣, 其他都是方型, 如果你有空的話, 可以幫我看一下嗎? 謝謝你 :))
我修改好像沒有跑出來
只有字而已
可以麻煩您幫我看看嗎?
謝謝
但我使用美化 還是跑出"您或許對這些文章有興趣"的中文字
可以刪掉嗎XD
感謝您
哈哈哈 我真的覺得 你讓大家都好有成就感喔 ^^
教學方法簡單實用~
還是感謝分享~~~~
這個問題想了好久好久好久一直想不通要怎麼做,太感謝了!!!
你的每篇文章title的下面有顯示下面這些資訊,這是外掛嗎??還是??
2015 / Dec / 22
個人分類:實用教學
人氣(3554)
感謝您呦
都還沒把ig照片放在痞客
謝謝你的分享唷~
(也在找是不是我的版面還是什麼的原因。)
感謝你:)
可是有個小問題.....我不知道是哪裡設定錯了,
按有興趣的文章後,出現的不是那篇文章,而是直接跑到部落格的主頁去了
請問是哪裡設定錯了?
((不好意思問題有點多
而且Related Articles 也沒有在中間.....
請問這是哪裡錯了?QQ
如果是 他的盒子層級怎麼擺 可指點一下嗎? 感謝 >__<
非常感謝你的分享^^
設定成功時真的一陣感動!!! 謝謝您的教學
我的問題是, 我是從天空部落搬家過來的, 然後, 我發現, 此程式所抓取的文章, 都是搬家到痞客邦之後所發表的, 之前在天空部落發表的文章, 怎樣都抓不到, 可是, 這些文章明明也存在痞客邦啊, 這到底是怎麼回事呢?
我有放在部落格後台,側邊管理的頁尾描述還有公告版塊
試了好幾次都沒出現呢
一定要放在文章最下方才會出現
不知道是甚麼問題呢?
謝謝您!
我大概一年前開始用這個外掛
印象中之前使用都正常
最近不知道是怎了
linkwithin都有正常出現
可是隨便點一篇卻是連結到部落格主頁....
我對照過語法
只有CSS部分我有稍微動過
基本上是改文字靠左.拿掉上下邊框.文章標題顯示的篇幅增大
後來我還試過套用原本語法仍然是連到主頁
動來動去連自訂連結也整個消失了
最後我將側欄的頁尾.CSS樣式以外的語法全刪了
一個一個測試
結果發現刪除文章底部廣告的語法沒套用時
底部也沒顯示廣告....
所以重貼時我就沒再+入刪除文章底部廣告的語法了
不過試到後面
linkwithin還是依然連到主頁去....囧
所以結論是linkwithin有問題不是我弄錯?
而且文章底部也因為沒貼隱藏廣告語法而跑出廣告
難道電腦有問題嗎= =?
仍然會連結到主頁去
就只有手機點是正常的....
對了隱藏可能有興趣的文章語法
IE好像會無效
我今天點又正常了
應該是前幾天異常==
有出現我的文章
但只有第一篇或部落格網址
不管是搜尋第二篇或第三篇的關鍵字
都只出現第一篇,請教一下是怎麼回事?
太感謝你
去掉別人的你可能有興趣的文章語法,如下~貼到自己版內的css即可
#content .recommended-posts { display:none; }