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

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.

1 comments:

Sandy said...

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.

Web Design Blogs PageRank