2007/12/20

如何隱藏blogger文章頁面下的新,舊文章及訂閱連結(remove older posts)




blogger下面通常都會有 新文章, 舊文章及首頁的連結, 如果不想要這些連結的話, 該怎麼做呢?





記得先備份template之後, 再來做修改動作.

1. 首先到Html 編輯頁面, 在 範本 --> 修改HTML

2. 在<head> ..</head> 之間, 找到以下的程式碼


#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}


其中blog-pager-newer-link 就是新文章, blog-pager 是首頁, blog-pager-older-link 是舊文章, 如下圖顯示.


2. 將程式碼加入 display:none; 修改如下,

#blog-pager-newer-link {
display: none;
}

#blog-pager-older-link {
display: none;
}

#blog-pager {
display: none;
}


儲存後,再看一下, 文章下方原來的連結就不見囉!



12/21 更新:
有網友問到, 如果要隱藏 訂閱連結呢? 這種情況, 在blogger的feed分析還沒導向feedburner時, 很多人會這麼做, 這樣就能讓feed分析較精準, 不會出現兩種不同訂閱網址. 不過, 現在feed已可指向feedburner 一起分析了, 如果有註冊 feedburner 的話, 就不太需要這麼做, 當然, 如果不是使用feedburner服務的人, 可能會想隱藏.

就是同 步驟2, 在 feed-links 的程式碼, 加入 display: none;

.feed-links {
display: none;
}


相關文章 :

47 comments:

阿星 提到...

在這裡學到很多~
多謝阿!
呵呵

小E 提到...

我倒是覺得這個連結功能還OK,沒有想要移掉它。

Skyvee 提到...

小e, 這也是啦! 不過每個人總有不同的考量及想法嘛!

阿星, 訂閱隱藏的部分也加上去囉! :)

阿星 提到...

果然是達人~
多謝阿!
我想要乾淨的版面
而且有必要讓進來的客人
按照我安排的捷徑
瀏覽我的網頁
所以才要隱藏它們
哈~哈哈哈

小E 提到...

嗯,原來移除訂閱顯示這麼簡單啊。因為我也有莊自己的訂閱按鈕所以就把他移掉了XD
另外,不曉得你有沒有試過阿土伯的blogger_ext2 All in One:http://joshnotepage.googlepages.com/blogger_ext2_install.html
他的繼續閱讀(也就是在首頁文章只顯示摘要的縮放功能)好像跟你的有衝到哦,
不過他那個我怎麼調繼續閱讀的字都出現在文章中間,所以繼續閱讀功能我還是用你的︿︿

Skyvee 提到...

阿星言重了, 我不是什麼達人啦! 只是改過BLOG, 有這經驗罷了!

Skyvee 提到...

小e, 我沒有試過阿土伯的all in one程式呢! 這個繼續閱讀的功能其實對於點閱來說, 會少算, 優點是可以在首頁展開所有文章的全文, 各有好壞, 如果有時間, 再介紹另一種繼續閱讀.

小E 提到...

對,沒錯。我發現很多人都直接在首頁看完文章而不會點進去看,不過我爸媽覺得這樣很方便。

Skyvee 提到...

哈,我自己也是覺得閱讀方便啊! 小e的父母親原來也是資訊通呢! :)

小E 提到...

噗,因為我目前人在國外,所以都利用網路跟家裡聯絡,家人也都常去看我的BLOG,網路真的是很方便呢!

Skyvee 提到...

原來如此, 現在似乎很多人都是透過blog, 了解家人的狀況呢!

Jorke 提到...

請問這個可以用圖片代替連結嗎?
謝謝

小E 提到...

嗯,對啊,我媽本來也是連電腦開機扭在哪都不知道,現在起碼會上網跟用Skype講話了︿︿

Skyvee 提到...

jorke, 好像不能用圖片取代文字連結呢!至少目前我不知道有沒有其他方式可以達到..很抱歉, 沒有幫上忙.

Skyvee 提到...

小e, 透過這些網路工具, 真的造福很多人, 而且也大大降低費用, 而且父母親透過blog, 可能更了解子女的另一面呢! :)

小E 提到...

對呀
知道有人在看我Blog就寫很勤了(本來就是自己寫爽的嘛)

小E 提到...

好像變成在跟你閒聊了,哈哈,
會不會覺得煩啊?

Skyvee 提到...

小e, 對啊, 現在網路世界就是個人發聲, 表現自我的時代囉~

跟你聊天很輕鬆啊, 怎會覺得煩呢? ^^

小E 提到...

呵呵,不煩就好。
嗯,知道有關心我的人在看我Blog也覺得很溫暖。
唉唉,努力再撐一下二月寒假要回台灣囉︿︿

Skyvee 提到...

小e的blog 很生活化, 相信關心你的人及家人看了之後, 應該會很放心你在國外的求學生活的! :)

小E 提到...

嘿嘿,被發現了!
我都寫一些生活瑣事,有的沒的都打上去了XD

十惡不赦的廢人 提到...

你好,我想請問一下,像這篇文章中顯示程式碼的區塊要如何做出來呢?

麻煩你了,謝謝

Skyvee 提到...

可參考一下這篇文章教學文章中, 與眾不同你的程式碼囉!:)

trix 提到...

如何移除或是將"顯示具有 blogger tips 標籤的文章。 顯示所有文章"的顯示移到底部呢?總覺得總是很突兀,謝謝!

Skyvee 提到...

Trix,
將{b:if cond='data:navMessage'}以下這段程式碼移除, 就看不到那句提示文字了.

{div class='status-msg-wrap'}
{div class='status-msg-body'}
{data:navMessage/}
{/div}
{div class='status-msg-border'}
{div class='status-msg-bg'}
{div class='status-msg-hidden'}
{data:navMessage/}
{/div}
{/div}
{/div}
{/div}

花花 提到...

我移除了!!但還是有噎
怎麼會這樣!!
謝謝

skyvee 提到...

花花, 不知道方便留一下blog網址嗎? 看一下可能的問題?

alecwu 提到...

請教一下,如果我想把「較新的文章」與「較舊的文章」這兩個稱呼,改為較容易懂的「前一篇」與「下一篇」,有辦法可改嗎?

Skyvee 提到...

alecwu 您好, 目前這個label名稱, 好像都還是內定,還沒有開放自行更改呢? 也許有人破解, 不過我自己沒試過喔!

匿名 提到...

請問我可把你的教學文章轉貼至我的部落嗎?

skyvee 提到...

你好,謝謝詢問,只要有註明原始連結,就可以囉!:)

鍾林工作室 提到...

你好,謝謝你的分享,從你的部落格得到許多有用的資訊。

我隱藏了blogger文章頁面底下的首頁及訂閱連結等,但在顯示文章與頁面最底下的photo stream之間,有條虛線,請問要如何將它移除呢?附上我的部落格連結:http://chunglinhakka.blogspot.com/

謝謝!

skyvee 提到...

您好,

您指的是每篇文章的摘要下,都有的那一條虛線嗎?如果是的話,那這個虛線一改,每篇文章就不會以虛線隔開囉!這效果是在 .post{}裡的
border-bottom:1px dotted #333333;

如果想更改,可修改上述那一列的指令.

九月 提到...

skyvee妳好
我換了blogger的佈景(這功能推出那麼久第一次用@@
結果就找不到#blog-pager-newer-link {這三句
和.feed-links {這句語法耶
不好意思可以請妳有空看一下嗎><
http://sepxx.blogspot.com

Skyvee 提到...

Dear 九月,
好久不見!! :)
新版的blogger,CSS語法有點不一樣,所以你只要找到
#blog-pager{XXXX},在這裡加入display: none; 應該就可以囉! :)

九月 提到...

嗨 Skyvee~~
感謝妳回應,不過後來我沒有把它移掉,而是加入了這個
http://sofree.cc/blogger-pagebar/
把它數字化了,感覺有點像論壇那樣的分頁,似乎訪客會比較容易使用^^

Skyvee 提到...

九月,

我曾經也考慮過分頁的功能,不過後來測過幾種方式,不太穩定,暫時應該先維持現狀,謝謝你提供的參考文章. :)

master.Ben 提到...

我最近用官方版型找不到你說的code
不過直接貼你提供的語法也可以
我還是新手靠你的文章學到很多唷
謝謝你的分享^^

Skyvee 提到...

您好,

最近官方大改版, 的確有些語法過時了,謝謝您還是耐心試試看,也謝謝您的留言 !! :)

pingmei 提到...

你好,skyvee~
想請問你,如果想要加入這個功能,要怎麼做?
我的網站的這個功能不知為甚麼不見了~

Skyvee 提到...

你可以再開一個blog, 用blogger提供的模板, 然後再看裡面的html碼,應該可以找到 b:includable id='nextprev' 開頭的這一段程式碼,將這程式碼貼回你目前模板的相對應區間裡,應該就可以出現較新的文章,首頁,較舊的文章了.

Lee Li 提到...

版主你好,
每一文章下端都有"標籤:xxxxx"的出現,要如何隱藏它???

我的email:leelitw@gmail.com

Skyvee 提到...

Lee, 這個功能可以到 設計-->網頁元素--> "網誌文章"小工具的編輯, 將 標籤的選項, 取消勾選, 文章的下方就不會出現標籤了.

Tight Tight Crotch 提到...

Li,我遇到一樣的問題,用Skyvee的設定方式也不會消失...苦惱啊

Skyvee Tsai 提到...

Hi, 您指的是想移去訂閱連結嗎? 試看看將
<div class='feed-links'> </div>這段移除. 應該可行!

韓薇 提到...

哀= =這個的語法好難
我收尋不到

記得先備份template之後, 再來做修改動作.

1. 首先到Html 編輯頁面, 在 範本 --> 修改HTML

.............(以下清除)


收尋不到就無法張貼您給的語法
好苦惱...

好幾個都如此>口<
我想要乾淨的版面

Skyvee Blue 提到...

韓薇您好,
最近 blogger 大改版, 新介面修改 html 的方式已不一樣, 要先到範本裡, 選擇 編輯 html, 不過編輯 html 的功能, 最近不穩定, 無法儲存.
您可以在不修改任何語法的情況下, 先按一下儲存, 若是網頁可以正常執行, 再考慮修改語法.

張貼留言

謝謝您願意在此分享心得, 讓文章內容更豐富.