Add Your Own Signature Just Below Of Every Blogger Posts - Helper Blogger

Blogger Widgets | Templates | Tutorials

Latest

Saturday 28 April 2012

Add Your Own Signature Just Below Of Every Blogger Posts



Hi Buddies,Today we are sharing another exciting tutorial.In this tutorial we will learn that How to add your own signature to every blogger posts? Adding your signature just below of every blogger posts makes you professional.We will add signature as a images so that you can design your signature as you wish.If you want to create your signature generator then mylivesignature.com will do this work for you and for free.Lets go to the tutorial.

How To Add Your Own Signature To Your Blog?


For better understanding I am dividing this tutorial in two parts :

  1. Creating Your Signature
  2. Adding Your Signature To Your Blogger Posts

1. Creating Your Own Signature


  • To create your own signature first go to mylivesignature.com
  • Then type your own name in text area and hit "Next Step" button
  • Now choose font of your signature and proceed to the next step


  • In this step you have to choose font-size of your signature




  • Now select background color and font color of your signature and proceed to next step







  • Choose the slope of your font and go to next step






  • Now save your image and upload it,copy the direct link of your uploaded image.You can upload your image on blogger or imgur.



  • Now you have created your own signature let's add it to your blogger post. 

    Adding Your Signature To Your Blogger Posts


    1. Go to Blogger Dashboard > Design > Edit HTML.
    2. Backup your full template first
    3. Tick "Expand Widget Template" check box.
    4. Now find for below code in your template.

    <data:post.body/>

    Add below code just below of above code.

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <img src='ENTER YOUR SIGNATURE URL HERE'/>
    </b:if>

    Now replace ENTER YOUR SIGNATURE URL HERE with your signature URL and save your template.

    Now go to any post you will watch your signature just below of your post.

    8 comments:

    1. Rahul bro just one thing to say----awesome blog dude

      ReplyDelete
    2. not working buddy

      ReplyDelete
      Replies
      1. If you getting more than 1 data:post.body then first download a copy of your template and try to add the signature code after every data:post.body,Not all at a time,one by one.

        If can't then simply send us a copy of your template using our contact form.You can also mail me at rahul@helperblogger.com

        *We never share template with anyone.

        Delete
    3. i cannot find data post in html is something wrong?

      ReplyDelete
      Replies
      1. Ok then find thos one -

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

        Delete
    4. Very clear, works a charm, Thank you so much

      ReplyDelete

    If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM