days here| Online
﹥I am 桑妮 :D arrow_61.gif 加我為Pixnet好友
﹥最佳解析度、瀏覽器:1024*768↑ on Firefox & Chrome

※ 近來少使用痞客邦,無法即時回應留言,請見諒噢。
 不回應籠統的問題,沒禮貌的留言也不會回覆。若是有明確問題的留言,看到就會回應。


    1.jpg  

   l_aut61.gif   

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

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

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

   l_aut61.gif

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

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

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

相關文章」有兩種顯示方式,這裡先提供一種:

  point_77.gif 瀏覽器請用FirefoxChrome,會較美觀

  point_77.gif 僅供自用者修改,請勿另外發表。

請先於部落格後台基本/進階設定裡找到進階設定裡的相關文章排版模式點選「數張縮圖」。
再複製下列語法至自訂樣式裡的CSS原始碼編輯,貼在CSS的最下面即可。

背景我設定的是灰色,若想改變顏色的話,請找到CSS裡
#content .recommended-posts3 background: #ccc;,將色碼換掉即可。


以上。o v o



創作者介紹

Learn to live *

桑妮♥ 發表在 痞客邦 PIXNET 留言(15) 人氣()


留言列表 (15)

發表留言
  • ClaireKevin
  • 哈囉....你這篇文章內容很棒耶!!(大心)
    整個超實用的
    我把語法帶回家囉
    用了之後果真更加簡潔好看呢!!
    真的很感謝你的分享唷...:D
  • 呵呵,謝謝 - / -
    很高興可以幫到你嗄!:")
    也很高興你喜歡我設計的,
    雖然樣子超簡單 XD

    桑妮♥ 於 2011/03/27 09:46 回覆

  • 小kin
  • 唷~桑妮復出教學了耶....好開心 ^^
    我把貼到我老公的blog了,謝謝啊
  • 呵呵,小凱咪不用客氣啦!X"D
    要繼續寫帥哥(是說那部又不是叫"帥哥")喔!
    (硬是要催稿XD)

    桑妮♥ 於 2011/03/29 08:18 回覆

  • 魚ㄦ
  • 謝謝你,我也帶語法回去了
    這樣的方法真的很乾淨
    不然這樣都很苦惱因為好醜
  • 不用客氣:D
    對阿,你也覺得它很醜齁!XD

    桑妮♥ 於 2011/04/01 21:42 回覆

  • 魚ㄦ
  • 嗯,那個真的很醜~
    其實起先我根本不知道多那個功用到底好在哪裡...(當然我現在還是不知道>"<)
  • 我本來還以為只有我覺得它醜,還好我是正常的!XD
    那個…說是增加文章曝光率~
    可是我覺得要配合VIP才好用,誰想自己網誌裡有別人的文章阿?
    更別說有時候會有怪怪的圖出現…囧

    桑妮♥ 於 2011/04/05 08:03 回覆

  • 橘兒
  • 桑妮出現了......還換了個粉粉的版!!!!!
    我先來去把我的相關文章關掉xD
  • 橘!好久不見~
    哈哈,眼不見為淨!XD

    桑妮♥ 於 2011/04/05 08:04 回覆

  • 沈貓醬
  • 帶走加引用喔~~ ^^
  • OK :)

    桑妮♥ 於 2011/04/09 12:10 回覆

  • 麻吉麻
  • 這個語法我也帶走了,感覺可以跟部落格的顏色比較一致,
    不會死板板的,我很喜歡!!!
  • 是呀,預設的好不搭。
    很高興你喜歡 :)

    桑妮♥ 於 2011/05/21 05:08 回覆

  • 米怪
  • 桑妮~~

    相關文章圖示的編碼好像跑掉了耶~跟之前不一樣

    現在變成靠右邊,然後圖示變大了,

    這是暫時現象嗎??
  • 嗯…痞客的設定似乎又變了,等我有空再測試修改好嗎?
    最近好忙啊。囧

    謝謝你的提醒。:)

    桑妮♥ 於 2011/07/16 08:26 回覆

  • julofivey
  • 很感謝你的分享
  • 天晴
  • 剛剛用了樓主其中一個樣式真的很喜歡>V<
    海藍感覺好舒服而且側爛的標題也很清晰
    只是想把字體大小作小改希望桑妮別介意噢^___<
    這篇的語法也帶走了謝謝謝謝!!!!!
  • 嗯,可以唷。

    不用客氣:)

    桑妮♥ 於 2013/01/12 08:29 回覆

  • elmfish
  • 你好,想請問要如何把"album blog guestbook profile"那一行刪除或隱藏?謝謝回答!
  • 將此行加入CSS最下方:
    #navigation{display: none;}

    桑妮♥ 於 2013/09/03 00:29 回覆

  • CHIEN
  • 妳好,謝謝妳的回答! 另外想請教一個問題,我發現我的部落格"瀏覽方式:標題列表 簡短摘要"的連結不見了,可能我去動到了什麼CSS但我不知道,請問可以用什麼語法把它弄回來嗎? 謝謝!!
  • C &amp; J
  • 桑妮妳好,有個問題想請教妳,因為找了好久都查不到方法…
    我是使用這個樣板http://panel.pixnet.cc/theme/blog/6057
    ,想請問要如何更改最新文章每則文章間的行距呢?因為覺得每則最新文章間的行距,和單一文章標題的行距都一樣 (若文章標題有數行的話),有時會分不清楚兩則文章標題的界線,麻煩妳了,先謝謝妳的幫忙… 3Q3Q! ^ ^
  • 不好意思這麼晚才看到,我看你已經更改好了對吧?
    如果有需要幫忙再跟我說:)

    桑妮♥ 於 2014/01/18 08:48 回覆

  • Marco Jo
  • 無法隱藏 :(