5. Just below it paste the following code,
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<span style='float:right'><img class='comments-tab-icon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3rTeWw1mSiQL3oqMn-iavUvEZuazURglHLv5x8qToDrJfSPxytwQ2_Y5pJJXheIgRhXHOy1SgdQu6NCvk2DMQArUrv2sZSxARScgYB2atSzwbdaJn4dpEj7EY72O126EC9uf4FMAQNmQ/s400/fb.png'/>
<a class='comment-link' expr:href='data:post.addCommentUrl'><fb:comments-count expr:href='data:post.url'/> Comments</a></span>
</b:if>
You can replace Comments with any text you like.
6. Save your template and you are all done!
Visit your blog to see it in action. Feel free to ask for any help if needed. I will publish new and more interesting variations of this code so make sure you [a href="http://feedburner.google.com/fb/a/mailverify?uri=TntByStc&loc=en_US" rel="nofollow" target="_blank"]subscribe[/a] and do not loose any update. Peace out! :>
You will also enjoy these posts:
- [a href="http://www.mybloggertricks.com/2011/06/facebook-comments-box-instead-of.html" target="_blank"]Replace Blogger Comments Box With Facebook[/a]
- [a href="http://www.mybloggertricks.com/2011/06/customize-facebook-like-box-with-css.html" target="_blank"]Customize Facebook Like Box[/a]
Post a Comment