1.Log in to your dashboard--> layout- -> Edit HTML
2.Scroll down to where you see this:
3.Now copy below code and paste it just before </b:skin> tag .
#linkbar { margin: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; position: relative; background: #000; border: 1px solid #000; border-bottom: 0; } #linkbar ul { #linkbar li { #linkbar h2 { #linkbar a { #linkbar a:hover { |
4.Now again 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='Test blog (Header)' type='Header'/> </b:section> </div> |
5.Now Copy below code and paste it after above code.
<b:section class='linkbar' id='linkbar' showaddelement='no'> <b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> </div> |
Note:To open Linkbar in a use below code instead of above code.
<div id='linkbar-wrapper'>
<b:section class='linkbar' id='linkbar' showaddelement='yes'>
<b:widget id='LinkList11' locked='true' title='Linkbar' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
6.Now save your template and you are done.
I've used your instruction to add a linkbar to my blog. I like it a lot. Is there a way to get the links in the linkbar to open in a new window or tab?
Hello Bill,
I update my article as your need.Read the article again.
I agree with all the points mentioned in this post. Reading your advice is so helpful.thank you so much. my blog is http://www.jobs-in-2011.blogspot.com