2015年2月15日 星期日

blogger之blogspot 首頁及標籤不顯示文章下方物件欄

有在使用more閱讀更多功能,就是將文章分為前言及內文的話,於首頁或標籤顯示時,每篇的下方都會出現分享按鈕、留言數、作者、標籤●●●等物件欄,如果只想瀏覽文章時,才顯示那些物件欄,瀏覽首頁及標籤時,不顯示那些物件欄,那麼可參考本篇修改。

要不要顯示下方的物件欄,原則上,依個人的習慣,及當時你所使用的範本風格,來做決定,假設你下方物件欄,使用很多項目,那麼建議瀏覽首頁及標籤時,不要顯示會比較好,不然滿滿一堆的物件,看起來就相當雜亂。



Ⅰ、範本 → 編輯 HTML



Ⅱ、滑鼠右鍵 → 選取全部、滑鼠右鍵 → 複製,或快鍵 ctrl+a 全選、 ctrl+c 複製



Ⅲ、這邊將代碼copy至notepad++文字編輯軟體上,有顏色區分,搜索也較方便

開新文件,滑鼠右鍵 → 貼上,或 ctrl+v 貼上代碼



Ⅳ、存成html格式,這樣有顏色區分,方便修改



Ⅴ、查找<div class='post-footer'>,注意一下,有2個,我們要修改的是上方有jump-link,下方有email post links,這一個



Ⅵ、在<div class='post-footer'>上方,插入下述代碼,意思是,判斷是否在瀏覽文章

<b:if cond='data:blog.pageType == &quot;item&quot;'>



Ⅶ、在<div class='post-footer'>的結束標籤</div>下方,插入下述代碼,notepad++有紅線區分,方便檢視

</b:if>



Ⅷ、將修改後的代碼,copy反向,貼回範本的HTML編輯框,儲存範本

滑鼠右鍵 → 選取全部、滑鼠右鍵 → 複製,或快鍵 ctrl+a 全選、 ctrl+c 複製



滑鼠右鍵 → 選取全部、滑鼠右鍵 → 刪除,或快鍵 Delete



滑鼠右鍵 → 貼上代碼,或快鍵 ctrl+v 貼上代碼,儲存範本



結果展示,下方物件欄,已不顯示



此篇教學,算是記錄用,不然隔太久,更換範本風格時,會忘記如何用,才能不顯示下方物件欄。

同分類文章 → http://zfly9.blogspot.tw/search/label/15_Blog相關修改



對上述圖文教學,還不太明白的話,請至下方連結,查看youtube視頻解說。

此篇教學之youtube視頻解說:https://www.youtu.be/SEctQGBU2z0


謝謝大家,抽空觀看,files備份檔名:blogspotguides 007

沒有留言:

張貼留言