This is a another different method from post How To Add Horizontal LinkList in Blogger
1.Log in to your dashboard--> layout- -> Edit HTML
2.Scroll down to where you see like this code:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='YOUR_BLOG_TITLE (Header)' type='Header'/> </b:section> </div> |
3.Change above code as below code.
<b:section class='header' id='header' maxwidgets='4' showaddelement='yes'> <b:widget id='Header1' locked='true' title='YOUR_BLOG_TITLE (Header)' type='Header'/> </b:section> </div> |
4.Now find ]]></b:skin> tag in your template .
5.Copy below code and paste it just before ]]></b:skin> tag.
/*URL: http://www.dynamicdrive.com/style/ */ .underlinemenu{ .underlinemenu ul{ .underlinemenu ul li{ .underlinemenu ul li a{ .underlinemenu ul li a:hover, .underlinemenu ul li a.selected{ |
6.Now save your template.
7.Go to layout-->Page elements and click on 'Add a Gadget' on Header Section.
8.Select 'HTML/Javascript' and add the code given below and click save.
<ul> <li><a href="Your-Link">Link-Name</a></li> <li><a href="Your-Link">Link-Name</a></li> <li><a href="Your-Link">Link-Name</a></li> <li><a href="Your-Link">Link-Name</a></li> <li><a href="Your-Link">Link-Name</a></li> <li><a href="Your-Link">Link-Name</a></li> </ul> </div> |
Note : Remember to replace Your-Link and Link-Name with your real details.
Now you are done.