Add Signature to Blogger Blog post

Having problem in uploading javascript. In Last post i mention about Where To Upload Javascripts For Blogger Templates

You might want to add a custom automatic signature below each of your blog posts. This would be more useful if you are running a Team Blog with multiple authors. You can use unique signatures for each author.The same can be done on a single author blog also :)

Adding Signature to Single Author / Multi Author Blogger Blogs

1. Create a Signature using Photoshop or some online Generators like My Live Signature

2. Upload this signature image to blogger.Once its uploaded hit preview and copy the image location(Note down the URL of the image).

3.Now Go to Layout > Edit HTML and Expand your Widget Templates

4.Now Find

<div class='post-footer-line post-footer-line-1'>

If you cant find it then try finding this one

<p class='post-footer-line post-footer-line-1'>

or this one

<data:post.body/>

a) If you are using a Single author blog, paste the following code below the code you found

<img src='url_of_your_signature_image' style='border:0px;'/>

Code should be edited with your signature image URL

b) If you are on a Team Blog, paste the following code just below the code you found


<b:if cond='data:post.author == "Author1Name"'>
<img src='url_of_author1_signature_image' style='border:0px;'/>
</b:if>
<b:if cond='data:post.author == "Author2Name"'>
<img src='url_of_author2_signature_image' style='border:0px;'/>
</b:if>

If you have more number of authors, you can repeat the blocks accordingly (here i have mentioned 2 blocks[blue and brown] one for each of the two authors). Codes should be edited with the author names and the signature image  urls.

5.Save your template and you should see the signature in action.

post signature


Article by

Isha has written 200 awesome articles.

If you like This post, you can follow Cyber World on Twitter. Subscribe to Cyber World feed via RSS or EMAIL to receive instant updates.

Google Profile | Facebook

Write for us a Guest Post!
Google

Leave a Reply

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

*

You may use these HTML tags and attributes: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge