HOW TO REPLACE THE NAME "LABELS" BELOW YOUR POST WITH AN IMAGE

Posted by Lasantha Bandara File Under : change template, html, image, labels, post 0 Comment

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

4.Replace the line  <data:postLabelsLabel/>  with below code.

<img src="URL OF YOUR IMAGE " alt="BLOG TITLE" />

5.Click on "Save Templates" and refresh your site.

«
»

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.