Blogger Hack

目前用到的修改

• 7 Blogger Page Types: Analysis, Code Snippets, Data Matrix
• Abin's Tech Note: 標籤/搜尋頁面只列出標題 (Simplify the result of label and search)
• [Blogger]新功能 : 加入反應(Reactions )按鈕一窺讀者的想法!
• Abin's Tech Note: Blogger 和 Picasa 的圖片上傳和外連限制
• [Blogger]如何對文章標題做SEO優化？

有興趣但沒用到的修改

• Blogger 最新回應＋留言者頭像＋文章標題
• Abin's Tech Note: 「最新回應」模組(Recent Comments)
• Abin's Tech Note: 讓側邊列 (Sidebar) 的元件只在首頁顯示/不顯示
• Abin's Tech Note: 增加文章留言回應的編號 (Show Comment Index)
• 如何隱藏blogger文章頁面下的新,舊文章及訂閱連結(remove older posts)

改變字體格式配置

• 標題42px  #3399bb
• Variable name="body.font" description="Font" type="font"
  default="normal normal 12px 微軟正黑體, Microsoft JhengHei, Arial, Tahoma, Helvetica, FreeSans, sans-serif"
  value="normal normal 16px 微軟正黑體, Microsoft JhengHei, Arial, Tahoma, Helvetica, FreeSans, sans-serif"
• Variable name="header.font" description="Font" type="font"
  default="normal normal 42px 微軟正黑體, Microsoft JhengHei, Arial, Tahoma, Helvetica, FreeSans, sans-serif"
  value="normal bold 42px 微軟正黑體, Microsoft JhengHei, Arial, Tahoma, Helvetica, FreeSans, sans-serif"
• Variable name="tabs.font" description="Font" type="font"
  default="normal normal 16px 微軟正黑體, Microsoft JhengHei, Arial, Tahoma, Helvetica, FreeSans, sans-serif"
  value="normal normal 14px 微軟正黑體, Microsoft JhengHei, Arial, Tahoma, Helvetica, FreeSans, sans-serif"
• Variable name="post.title.font" description="Font" type="font"
  default="normal normal 24px 微軟正黑體, Microsoft JhengHei, Arial, Tahoma, Helvetica, FreeSans, sans-serif"
  value="normal bold 28px 微軟正黑體, Microsoft JhengHei, Arial, Tahoma, Helvetica, FreeSans, sans-serif"
• Variable name="widget.title.font" description="Title Font" type="font"
  default="normal bold 11px 微軟正黑體, Microsoft JhengHei, Arial, Tahoma, Helvetica, FreeSans, sans-serif"
  value="normal bold 16px 微軟正黑體, Microsoft JhengHei, Arial, Tahoma, Helvetica, FreeSans, sans-serif"

字體格式 (CSS)

• font-size: x-small;在IE字體太小，用80%才一致。
• 次標題可用，設small {font-size:70%;}還算剛好
• 2013/5/7後首頁和新內文的字體設定和過去不同，body也要設定字體、行距才會整體一致，但如果用%設定大小的話，舊Post的字體會兩次放大。
• 2013/5/7後首頁和新內文的Widget、留言、More、post-footer等似乎是用到small，由於為了副標題的效果將small定義得較小，使得這些相關字體全部變小，而IE的Small比Chrome還更小，必須一一定義相關物件的字形才能改善。

段落格式

• 14px大小line-height: 1.6; 感覺較剛好  (CSS) (預設1.4)
• 單純x-small (80%, 約12px)  line-height: 110% 較剛好
• 段距按兩下Enter太大，0.8em較剛好
• 下接表格0.5em
• 段距和List配合時用0.6em
• List line-height: 1.6 (可設在ul) 才和 body 的行高一致，但這和List的段距變得差不多，有符號區分夠不夠看狀況評估。List每項之間的margin要設在li才有用。

以下是目前的自訂CSS (放在預設CSS後方)

body, .post-body {
font: $(body.font);
line-height: 1.6;
}

.widget, .comments {
font: $(body.font);
font-size:14px;
line-height:1.6;
}

.post-footer {
font-size:14px;
margin: 0px -2px 0;
}

.blog-pager, .jump-link, .comments h4, .post-feeds, .blog-feeds {
font: $(body.font);
font-weight:bold;
}

.post-body {
margin: 0 0 $(post.margin.bottom) 0;
}

small {font-size:70%;}