Thursday, September 2, 2010

Hide the Nav bar

Nav bar 会自动隐藏
当 point 到它的时候
才会出现

Step 1:
Login blogger > Design > Edit HTML > Expand Widget Templates > Ctrl + F

<b:skin><![CDATA[/*

-----------------------------------------------
Blogger Template Style
Name: Simple
Designer: Josh Peterson
URL: www.noaesthetic.com
----------------------------------------------- */

Note :大家的 template 都不一样
所以我的可能会和你的不一样

Step 2:
把以下的 code
paste 在 Step 1 以下

/* Blogger Navigation Bar */
#navbar-iframe {
opacity:0.0;
height: 10px;
filter:alpha(Opacity=0)
}
#navbar-iframe:hover {
opacity:1.0;height: 30px;
filter:alpha(Opacity=100, FinishedOpacity=100)
border: 2px;}

Step 3:
review 一下
假如满意的话
那就 save template

资料 courtesy to DoIt2Us

0 个鼓励:

Post a Comment

LinkWithin

Related Posts with Thumbnails