推薦好用的 Blogger 小工具、外掛及語法 大集合

一、標籤改成樹狀
https://licoriceguava.blogspot.tw/2014/01/5blogger.html



二、自動抓取同標籤文章 (=相關文章/延伸閱讀) 

這個超推，
很好用，
只是很麻煩，要根據範本不同而調整程式碼。

詳情請參閱此篇文章：

櫻桃椒-[教學]免外掛在Blogger行動版網頁加入文字版相關文章(延伸閱讀)

https://licoriceguava.blogspot.tw/2016/05/related-posts.html




三、採用Blogger RWD版型的好處：

(1)文章標題不會強迫前置部落格名稱
(2)小工具不管在電腦版、行動版都會出現(因為都同一個版面，當然XD)




四、Blogger內建小工具「資訊提供」

可以建立最新文章/相關文章列表，
但是最多只能出5篇
https://feed.mikle.com/support/google-blogger-rss/




五、抓取最新文章 JS小工具(可以抓取超過5篇)

Blogger專用最新文章與最新回應產生器
http://blog.pulipuli.info/2007/08/blogger.html

布丁大提供的此篇語法有錯，

請參閱該文章底下留言自行修正。

我有修正一版，

可自行檢閱「近期文章(Demo)」原始碼取用

或是參閱在下此文：
http://codinglifenever.blogspot.tw/2018/03/for-blogger-htmljavascript.html




六、隱藏版面的版權宣告
CSS語法，
請放在HEAD裡：
<style>
#Attribution1{display:none !important;}
</style>



七、linkwithin隨機文章小工具 (不推薦)

很多人推薦的小工具：linkwithin
http://www.linkwithin.com/

但只限用於HTTP，
HTTPS無法使用，
而且每次都要外連到linkwithin網站拿資料，
再加上在Blogger某些版面(如RWD)有BUG，
試用後覺得一點都不好用。



八、Blogger 將較新/較舊文章按鈕改造

把按鈕改成顯示文章標題：

在Blogger行動版範本加入上一篇/下一篇文章提示-顯示文章標題BY青椒的家
https://k7451797.blogspot.tw/2014/08/mobile-blogger-newer-older-post-button-become-title.html

Blogger預設的按鈕叫「較舊文章」，
不知為何如此異於常人的翻譯，
一般我只看過上一頁或下一頁按鈕，
第一次看到「較新文章」、「較舊文章」按鈕來翻頁，
我真是服了咕哥…




九、文章中的圖片強制滿版

根據範本不同，可能略有不同 

CSS語法，
請放在HEAD裡：

.post-body img

{
    width: 100% !important;
}

修改後須清除頁面快取
或是強制重新整理頁面才看得到。



十、文章中的連結加底線

根據範本不同，可能略有不同

CSS語法，
請放在HEAD裡：

.post-body a

{
    text-decoration: underline;
}

如果要強制全蓋就用 text-decoration: underline !important;

修改後須清除頁面快取，
或是強制重新整理頁面才看得到。