Now Follow simple and easy step to adding this effect to your blog--->>>>
* First go to your blogger Dashboard.
* Now click on Design tab.
* Edit your blogger html template. and expand it now.
* Now search below code.....
<b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <span dir='ltr'/> </li> </b:loop>
* Now replace above code with below giving code.....
<b:loop values='data:labels' var='label'> <li> <a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <span dir='ltr'/> </li> </b:loop>
* This is how in the below picture,your labels will look now with rss feed buttons.
As in the picture above the rss buttons are before the blogger labels but if you want to add rss feeds button after the labels like in below picture.
Use below code .........
<b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <span dir='ltr'/> <a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a> </li> </b:loop>
* Now click to save and you are done. CHEERS NOW
|
1 Responses So Far:
Hey anil nice post yaar