Blogger主題優化,修改字體大小

紀錄Blogger主題優化,修改字體大小 


去除背景

這邊針對Contempo Light主題介紹如何去除背景圖片,去除背景圖片後還會有個底色,所以還要去除背景高度的設定,去除最小高度限制min="420px"修改成min="0px"


<Group description="Backgrounds">
  <Variable name="body.background.height" description="Background height"
      type="length"
-     min="420px"
+     min="0px"
      max="640px"
-     default="480px"  value="480px"/>
+     default="480px"  value="0px"/>


修改字體大小

修改內文字體大小為16px,字體顏色改深一點 #666666


   <Variable name="posts.text.font" description="Post text font"
       type="font"
-      default="$(body.text.font)"  value="15px Roboto, sans-serif"/>
+      default="$(body.text.font)"  value="16px Roboto, sans-serif"/>
   <Variable name="posts.text.color" description="Post text color"
       type="color"
-      default="$(body.text.color)"  value="#757575"/>
+      default="$(body.text.color)"  value="#666666"/>


修改標題顏色

修改標題顏色為深灰色#777777, 以及相關圖示顏色


   <Variable name="blog.title.color" description="Color"
       type="color"
-      default="#fff"  value="#ffffff"/>
+      default="#fff"  value="#777777"/>
   <Variable name="header.icons.color"
       description="Background icons color"
       type="color"
-      default="#fff"  value="#ffffff"/>
+      default="#fff"  value="#777777"/>


修改熱門文章的背景顏色

修改熱門文章的背景顏色,改成跟內文一致的白色 #FFFFFF


   <Variable name="popularposts.background.color"
       description="Popular post background color"
       type="color"
-      default="$(body.background.color)"  value="#eeeeee"/>
+      default="$(body.background.color)"  value="#FFFFFF"/>




留言

這個網誌中的熱門文章

4個免費線上筆記本

Android取经之路系列文章

[Chrome 外掛] Redirect Path 查看重定向的所有過程