【Blogger】版面美化小技巧整理 1

搬家到Blogger後，自由度大為提高，但是很多本來在痞客幫點幾下滑鼠就可以出現的東西，現在都要自己想辦法修改語法來達成。

所幸網路上的高手很多，也分享了很多教學文，讓不諳CSS語法的熊爸也能夠稍稍讓版面變的豐富些。

---

1. 幫Blogger加上文章分類。

參考網頁：Gormit's 原型製作：Blogger 文章分類工具 (第二版)

因為Blogger本身並沒有文章分類的小工具，不過它有很好用的「標籤」分類。網路上的文章分類都是用「標籤」這個小工具去作修改的。這個動作其實相當複雜，熊爸爬了不少文之後，發現這篇的作法最簡單，最適合熊爸這種懶人。

2. 為Blogger個別文章加入Facebook的按讚。

參考網頁：小Mic報報：Blogger + facebook「讚」按鈕

這個動作熊爸失敗了很多次，也爬了N篇文章，最後才發現 <data:post.body/> 在整個HTML範本裡會出現三次，熊爸前幾次失敗都是因為把它放在第一個 <data:post.body/> 的前面，而把它放在第二個 <data:post.body/>（前台的部分）以及第三個 <data: post.body/>（內文的部分）的前面之後就成功了。

3. 把部落格的網址從「.tw」強制改回「.com」。

參考網頁：電腦玩物：如何讓你的 Blogger 部落格網址從 tw 強制回復 com ？

用關鍵字「blogger」、「tw」、「com」搜尋第一篇文章就是這一篇，作法挺簡單的。這位大大還有分析如此作法之後的一些利弊。至於這麼作對熊爸有啥好處，熊爸目前也不得而知，不過熊爸比較喜歡網址是「.com」結尾就是了。

4. 將Blogger的字體放大。

參考網頁：Fly Me To The Pluto：【推薦】Blogger改造教學

Blogger預設的「一般」字體真的是有點小，熊爸一直都看不習慣，把字體放大之後果然看起來舒服一些。

5. 加入Facebook留言。

參考網頁：Facebook 留言外掛

先去生出一組Facebook應用程式ID，然後把資料填入，再按下「產生語法」即可，接著會有圖解告訴你要把這段語法放在哪裡，也是個算是簡單的步驟。