How Add Signature Below Each Post In Blogger



How to add your Signature Below Each Post of your blog,ya as if each post is signed by you.This feauture will add more professional look to your each post and make it look beautiful.As this hack is very easy to implement and most of us would be knowing how to use it in blogger,but still i feel to write about it because today i added a signature to my post,as you can see it at end of the post.

Before adding signature,i also gave trick to make each first alphabet of your blog post show big like as we see in newspaper.You should read it too for sure how make newspaper style first alphabet..

How to add it in blogger.



1) Create a signature using MyLiveSignature or any other website.

2) Copy the Image URL.

3) Log in to your blogger account.

4) Go to Layout > Edit Html > Expand Widget Templates

5) Now search for the following code

<p><data:post.body/></p>

6) Paste the following code just below the <p><data:post.body/></p>


<p><div align="left"><img src="http://your url of the signature picture you created in step 1"/></div></p>


Please provide url in above code,align =left is for to tell postion of signature below each post make it to center or right where ever you want it to place below each post.

I have made it to right as you can see below.
If you are using read more hack you may find that red line you searched twice in your html,so please add the codes after the seconline you get in codes.

Happy signing your posts from now.

22 comments:

Nitin Nayyar said...

Hey,

Why am I getting a border around the signature.

www.basisfaqs.blogspot.com

Jennifer said...

Awesome thank you :)

Analog Designer said...

Hello,

Fentastic work. Thanks a lot.

Is it possible to coustomize the signature background color? I would like to have black background to the signatur. But noe its pale black color. See at http://www.techdockets.com

Anshul said...

Just use any tool to edit that image and make it black bg if site is not provivfing any feauture.

kophyonyein said...

Great blog !!!! Nice Tips and Tricks .I just bookmarks your site.Thanks a lot .

Trendsetters said...

THANK YOU...THIS TOO WORKED!!!!
GOOD WORK..KEEP IT UP

Sudeep Acharya said...

Hi anshul do you have any idea to show signature according to the author of the blog.

Anshul said...

Just keep on adding manually or can suggest just define class with each author image for author in codes and just use that class at end of posts for each author to show there signature.As its also only just have to edit that class at any time in codes and will edit all posts signature if defined in it.

Jeanne said...

My photo shows up as a blue box with a question mark in it. What am I doing wrong?

Anshul said...

@Jeanne just please show me up a working demo .

Rita said...

Great blog. Thx for the tips and tricks.

f.ulfa.dy said...

gahh. great.
thank uu.

Zaza said...

how do you attach a url to the signature?

Zaza said...

how do you add link to it?

Anshul said...

@zara use these codes to link
<p><div align="left">< a href='http://your-url.com'><img src="http://your url of the signature picture you created in step 1"/></a></div></p>

Rajesh SINGLA said...

not support my blog...do u know why...also addthis not shown wid every post...see my blog : http://howstats.blogspot.com

Anshul said...

@rajest your is magazine style template.The code you will find will all get twice in yur template i think.It all depends how the deesigner has define css in your template.So you might be facing problem.

Misz Sephia said...

thanks..ur tutorial is very simple and step by step. I like it.

Shahrukh Jokhio said...

thankyou great tutorial i got mine on http://g2znovat.blogspot.com

Simon Steven said...

Thanks for nice and useful post :)

raj said...

unable too ad signature below the post....cant find the code what u gave...whn try to find it i get red color in my box, im using matpat template of yours.....now wht to do how to find the color please do guide me

www.webprogrammingscripts.blogspot.com

Post a Comment