這個script也是自己剛用上，看到有朋友問起就決定寫教學了。首先到範本＞修改HTML，將以下script放到<head></head>裡頭，建議放到header一欄下方，方便尋找以及修改。
#navitabs
{text-align:left;background:
margin:0px 0px 0px 0px;
}
.navitab{
padding:4px 8px 4px 8px;
margin:0px 0px 4px 0px;
text-decoration:none;
letter-spacing:0px;
background:#323232 url() bottom right repeat-x;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
}
.navitab:hover{
text-decoration:none ;
background:#646464 url() bottom right repeat-x;
}
p.navitabs {margin: 80px 0cm 0cm 20px}
之後在修改範本中尋找div id='header'(可能是其他代號，總之就是標頭那個div)，將以下的script放到</div>下方。
<div id='navitabs'>
<p class='navitabs' style='text-align:left'>
<a class='navitab' href='http://yourblog.blogspot.com'><span style='color:#ffffff;'>Home</span></a>
<a class='navitab' href='Linkurl2'><span style='color:#ffffff;'>Link2</span></a>
<a class='navitab' href='Linkurl3'><span style='color:#ffffff;'>Link3</span></a>
<a class='navitab' href='http://kazyrix.blogspot.com'><span style='color:#ffffff;'>The First Dimension</span></a>
<a class='navitab' href='mailto:yourmail@email.com'><span style='color:#ffffff;'>Email Me</span></a></p>
</div>
請自行修改自己需要的連結(linkurl 2,3)及連結名稱(link 2,3)，字體顏色及位置也可隨意修改，要再增加連結框就多複製一行<a class='navitab' href='Linkurl4'><span style='color:#ffffff;'>Link4</span></a>，如此類推。這個很簡單的一個Navitab，複雜的我不太會（我其實對script研究不深，都是自己拿別人的script左試試右試試)，不過希望幫到大家吧。
沒有留言:
發佈留言