Translate This Blog
Always Remember To Back Up Your Template Before Attempting Any Of The Tweaks On This Site

Do to error codes you should use the old interface when attempting many of these tweaks to your template

Custom Signatures for Multiple Authors (Blogger)

This tweak is a lot like the Custom Signature tweak, but only for the use with multiple authors. Depending on which author posted the post, it will display a different image or signature below the post.

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.
<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.
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.

2 comments:

  1. Never mind I fixed it ^_^.

    ReplyDelete
  2. I have been looking for this for soo long! Thank you!

    ReplyDelete

Web Design Blogs PageRank