2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .
<style type='text/css'> #tabs20 { float:left; width:100%; background:#000; font-size:93%; line-height:normal; } #tabs20 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs20 li { display:inline; margin:0; padding:0; } #tabs20 a { float:left; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTdxLfr_jeUhnXErho378e9g3m0aX5ftS-_a1hZDna7_-SbnZE5Qjf31KC8jipKjCMFHPmEbCN-EATZZdNwEG4r1R2LAqiG_yKFtyY6hn6TTH1i_CMskk1e4f_SnU4ZoKTWfjC_rAGsYs0/") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs20 a span { float:left; display:block; background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIWa8Vzpr8sFb1Jkh-kbWKHCJLq7-ma0mFrXZK8hCT4Vklc5AC4ZcTMZPjn5bELt-_8mbj8EnRhDidJ2UyXPZpWhMBpKVMgQ-FId3nPY9BJtw6T1W1XL928CawrXJYh1nx5iIS7Eexpn_-/") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } #tabs20 a span {float:none;} /* End IE5-Mac hack */ #tabsH a:hover span { color:#FFF; } #tabs20 a:hover { background-position:0% -42px; } #tabs20 a:hover span { background-position:100% -42px; } </style>
Note : Please Host above 2 images yourself.
4.Save your template.
5.Now Go to Layout-->Page Elements and click on "Add a gadget".
6.Select "html/java script" from header section and add the code given below and click save.
<div id="tabs20"> <ul> <li><a href="#"><span>Home</span></a></li> <li><a href="#"><span>HTML</span></a></li> <li><a href="#"><span>CSS</span></a></li> <li><a href="#"><span>Java Script</span></a></li> <li><a href="#"><span>About</span></a></li> <li><a href="#"><span>Contact</span></a></li> <li><a href="#"><span>Privacy Policy</span></a></li> </ul> </div>7.Now you are done.It will look like this:
9 Comments:
nice post...good luck
I like u post...
wah mantab de'... I LIKE This
keep share...
thanks for info
sudah dicoba,tapi ada masalah dengan widgetnya.gak bisa dibongkar pasang...
oke,matur tengkiyu atas infonya.segera di coba dulu kawan..
tips yang bermanfaat...
buat otak-atik blog malam ini..
makasih infonya kawan....
Great tutorial..
thanks bro..
do you wanna exchange link..?
Waow...
sorry to late coming here.
Thank to all about your comment.
Terima kasih yang tak terucapkan....
Post a Comment