Learn to live *

　　　　  

　　　   

痞客邦於去年九月新增了一個「相關文章」的功能，用意在讓部落格主的其他文章曝光率增高。原本是美意，但痞客不知道怎麼會有「顯示全站相關文章」的想法…在自己網誌裡看到別人的文章，實在是很奇怪阿 (VIP可以選擇只顯示自己網誌的文章)。再加上相關文章的預設長相不討喜，所以很多人並不想要這個功能。

我也是從這功能一上線就想改變它的人。不過因為那段時間比較少用網誌，且我是VIP可以選擇只顯示我的文章，所以就不怎麼在意。不過最近我又復活了！天天看了跟樣式不搭嘎的那塊實在礙眼…所以在換新樣式的隔兩天便找到CSS標籤來大改啦！

想到可能有人有跟我一樣的困擾但不知道從何下手，加上想到之前分享的樣式若是配上預設的相關文章…於是我做了一套基本的，供下載樣式的人使用，當然其他有需要的也可以儘管拿去(請跟我說一聲，讓我知道誰拿了 )。

　　　

「相關文章」就是文章底下那個「您可能會有興趣的文章」，你可能跟我一樣覺得它很醜，以下提供兩個方法：

一、隱藏它！
也就是眼不見為淨。  
複製下列語法至自訂樣式裡的CSS原始碼編輯，貼在CSS的最下面即可。
#content .recommended-posts3 {display: none; }

二、改變它！　※ 痞客後來有再改過（變好看了），以下CSS已不適用，待格主有空想到沒偷懶再更新。
想要這個功能卻又不喜歡它的外觀，就改變它的樣子吧！  

「相關文章」有兩種顯示方式，這裡先提供一種：

　　 瀏覽器請用Firefox、Chrome，會較美觀。
　　 僅供自用者修改，請勿另外發表。

請先於部落格後台的基本／進階設定裡找到進階設定裡的相關文章排版模式點選「數張縮圖」。
再複製下列語法至自訂樣式裡的CSS原始碼編輯，貼在CSS的最下面即可。
#content .recommended-posts3{width: 390px; height: 200px; margin: 30px auto; background: #ccc; border-radius: 8px; } #content .recommended-posts3 h5{text-align: center; height: 25px; margin-top: 5px; border-bottom: 1px solid #fff; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } #content .recommended-posts3 ul{border: none; overflow: hidden; float: none; width: 95%; height: 150px; margin: 10px auto; } #content .recommended-posts3 ul li{float: left; overflow: hidden; border: none; width: 90px; height: 150px; } #content .recommended-posts3 ul li a{width: 90px; height: 150px; padding: 5px 0px; } #content .recommended-posts3 ul li a:hover{background: none; } #content .recommended-posts3 ul li a img{width: 70px; height: 70px; background: #fff; margin: 0px; padding: 3px; border: 0px; border-radius: 6px; filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; } #content .recommended-posts3 ul li a:hover img{border: none; background: #fff; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #content .recommended-posts3 ul li a span{display: block; width: 70px; height: 50px; overflow: hidden; line-height: 16px; font-size: 11px; margin-top: 3px; }
背景我設定的是灰色，若想改變顏色的話，請找到CSS裡
#content .recommended-posts3 的 background: #ccc;，將色碼換掉即可。


以上。