移除"沒有留言"和"張貼留言"字樣

Views

This image has an empty alt attribute; its file name is image-50.pngBlogger 預設的"留言"設定會有"沒有留言"和"張貼留言"這二串字樣.  

而這二串字型的大小設定是根據你文章標題大小的設定的. 所以, 如果我喜歡文章標題很大, 那麼這二串字就會變的很大, 很刺眼. 於是就下了決心一定要把它們從網頁上移除.

移除它們並不難, 就是硬塞一段CSS code到後台主題的HTML裡就好了.

建議先備份主題HTML原始程式碼.



第一步, 先到"主題"→然後按下"編輯HTML"
這張圖片的 alt 屬性值為空,它的檔案名稱為 image-232.png



第二步, 貼CSS碼:
在HTML的程式碼視窗中按 CTRL+F 鍵, 會出現如下圖所示的搜尋列. 在搜尋列中輸入 </head> 按下Enter 鍵, 會帶你找到它. 如下圖第1119行.
This image has an empty alt attribute; its file name is image-51.png
因為我們要把程式碼塞到</head>上方, 所以把你的游標移到</head>前, 然後按3-4下的Enter, 再把下方這段移式碼貼上去.
如下圖
This image has an empty alt attribute; its file name is image-53.png
貼好後記得按下"儲存主題"鍵. 此時左圖是修改前, 右圖是貼了<!--移除字樣-->程式碼.
This image has an empty alt attribute; its file name is image-54.pngThis image has an empty alt attribute; its file name is image-55.png

如果到這裡你己經滿意你的留言畫面, 就不用做第三步了. 如果你的畫面還有"沒有留言"的字樣, 那麼請繼續第三步. 







第三步, 移除"沒有留言"的字樣. 
一樣在在HTML的程式碼視窗中按 CTRL+F 鍵, 會出現如下圖所示的搜尋列. 在搜尋列中輸入 <data:post.commentLabelFull/> 按下Enter 鍵, 會帶你找到它. 如下圖:
This image has an empty alt attribute; its file name is image-60.png
它一共會有三個這樣的字串, 但我們只需要改頭二個, 如上圖. 第三個不用改.
你只需要在上圖這黃色highlight之外, 如下加上<!-- --> 即可. 成品如下:
This image has an empty alt attribute; its file name is image-57.png
第三個字串, 不要動它.
This image has an empty alt attribute; its file name is image-58.png

現在你的留言版就會很乾淨, 不會有這二串討人厭的字串了.
This image has an empty alt attribute; its file name is image-61.png


參考網站: Hikki Blogger



0 留言:

張貼留言