添加页面（图片）

Example:

就是这个啦...

虽然说blogger本来就有这个Gadget了...

可是却不能放图片,

必须要自己做...

首先Design --> Edit HTML 

按CTRL+F找到

]]></b:skin>

在这上面添加以下代码

.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 16px Freestyle Script;list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}
.basictab li{
display: inline;
margin: 0;
}
.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;background-color:  #f6ffd5 ;  color: #2d2b2b;
}
.basictab li a:visited{
color: #2d2b2b;
}
.basictab li a:hover{
background-color:  #DBFF6C ;  color: black;
}
.basictab li a:active{
color: black;
}
.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color:  #DBFF6C ; color: black;
}

紫色的是能换字体

红色 的是换框框的

青色highlight 是换背景颜色

example:

弄好了就能保存起来...

接着按Page Element--&gt; Add A Gadget --&gt; HTML

把以下代码paste进去

<center>
<ul class="basictab">
<li class="selected"><a href="网址1"><img src='图片direct link1'/>/a>
<li><a href="网址2"><img src='图片direct link2'/>/a>
<li><a href="网址3"><img src='图片direct link3'/>/a>
<li><a href="网址4"><img src='图片direct link4'/>/a>
</ul>
</center>

网址 1/2/3/4 是写你页面的网址

图片direct link1/2/3/4 根据号码放你要的图片

不要忘记按下广告哦=]
你的支持是我写下去的动力哦^^