2017年8月4日 星期五

[blogger] Customize

1.Font

1.1.All content

http://licoriceguava.blogspot.tw/2014/02/blogger.html
search: .font
<Variable name="body.font" description="Font" type="font"
         default="normal normal 12px 微軟正黑體, Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px 微軟正黑體, Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

2. Header

2.1. Header Picture

Autoresize
http://www.southernspeakers.net/2010/11/resize-blogger-header-image.html
search: img expr:
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block;height:auto; width:100%;'/>

2.2. Padding

Set to zero
http://www.cinsarah.com/2012/01/how-to-remove-padding-from-your-header.html
search:.content-inner
.content-inner {
padding: 0px;
}

3. Navbar

3.1. Autohide

http://bloggerbelog.blogspot.tw/2012/05/how-to-remove-or-make-auto-hide.html
search: Variable definitions
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

/* Variable definitions
   ====================