1. Go to Design-->Page Elements-->Click the Blog Post "Edit"
2. Click the "Posted By" option and save.
3. Go to Edit HTML--> Download your template--> Expand Widget Templates--> Click Ctrl+F
4. In the Find bar that pops up input this code below.
<data:post.author/>
You should see something like this below.<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span> </div>
4. Directly below the red line add this code below.<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span> </div>
<b:if cond='data:post.author == "Author Name"'>
<span class="author"><img src="Direct Image URL"/></span>
</b:if>
5. Replace the Orange lines with the correct info asked for.<span class="author"><img src="Direct Image URL"/></span>
</b:if>
Note: Authors name is case sensitive.
6. Repeat step 4 for each author you have on your blog.
The code below is a example of what it should look like if I had 2 different authors.
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
<b:if cond='data:post.author == "John"'>
<span class="author"><img src="http://MyImageURL.jpg"/></span>
</b:if>
<b:if cond='data:post.author == "Mike"'>
<span class="author"><img src="http://MyImageURL.jpg"/></span>
</b:if>
</b:if>
</span> </div>
7. Preview before saving.
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
<b:if cond='data:post.author == "John"'>
<span class="author"><img src="http://MyImageURL.jpg"/></span>
</b:if>
<b:if cond='data:post.author == "Mike"'>
<span class="author"><img src="http://MyImageURL.jpg"/></span>
</b:if>
</b:if>
</span> </div>
1 comments:
Never mind I fixed it ^_^.
Post a Comment
Please don't post hyperlinked text within the comment box! It will not be published and you will be marked as spam.