有位網友問我如何隱藏文章的人氣,
這個問題不會很難,只要學過一點CSS就可以做到,
我從頭開始講起。

一、先看一下文章的結構
以IE瀏覽器為例,先瀏覽到自己的部落格,然後按IE最上方的
檢視」->「原始檔
這時會跳出這個網頁的原始檔的程式碼,
找一下「人氣」這兩個字所在的未置,
觀察一下附近的程式碼,我們發現大概是長這樣子
<p class="author">
  xxxxx 發表在
  <a href="http://www.pixnet.net/">PIXNET 痞客邦</a>
  <a href="#comments">迴響</a>(3) 
  <a href="#trackbacks">引用</a>(0) 
  <span>人氣(72)</span>
  .......
</p><!-- .author //-->

要注意的是紅色字的部份。

二、思考如何去改
HTML的很多標籤裡都可以放class,
使用class的好處是如果很多標籤都取同一個class名稱,
那我們可以藉由這個class名稱同時控制標籤的許多屬性。
我們的重點在於把人氣隱藏起來,
那就是要把class為author的段落裡面的span標籤所括住的文字給隱藏起來,
轉換成CSS的寫法就是
.author span{display: none;}

三、修改版面
程式碼知道了,接下來就是要知道在哪裡改,
直接登入後台,選「版面管理」->「編輯CSS」,
會跳出一個可以編輯CSS的畫面,
將該畫面拉到最下方,
將上面那段程式碼輸入,
選「更新」「確定」,
這樣就大功告成了。
創作者介紹

神鵰蝦

jck11 發表在 痞客邦 PIXNET 留言(9) 人氣()


留言列表 (9)

發表留言
  • HiHello2276
  • 想隱藏這個人不多耶
    因為大家都想知道是不是有人來
    我就..不會問這個了...呵
  • 嗯,可能人氣太高或太低不想讓人看到,我猜的:)

    jck11 於 2007/10/11 17:12 回覆

  • 張大餅
  • 像我的就很低
    我也想要隱藏起來
  • 想辦法衝人氣,可以去智邦做網摘,人會比較多喔。

    jck11 於 2007/10/12 17:13 回覆

  • filosofem
  • 這招好像不是所有的版型都適用,至少我的就不行
    檢查了一下page source,文章人氣的兩邊沒有任何markup
    這是表示沒辦法透過CSS改了嗎...
  • 悄悄話
  • likenew520
  • 成功了餒~~

    謝謝版主喔~~
    還有我是痞客幫新手~~
    像類似想訂閱你的部落格~~
    存在自己的部落格~~
    方便搜尋好像找不到喔~~
    以前我是用奇摩的~~
    就是類似奇摩訂閱功能!!
    祝順心喔!!
  • likenew520
  • pixnet好像無法隱藏引用跟迴響喔

    我是利用無名的ccs套用
    .posted{ DISPLAY:none;}

    後來發現在pixnet是應該屬於無法隱藏的部份!!

    還是謝謝你教導我如何隱藏人氣!!謝謝!!
  • Chikako
  • 謝謝。◕‿◕。
  • hiccer
  • 感謝分享~
    這就來去試試!!