Monday, July 29, 2013

How to: Add a Signature to your Blog Posts!


Today I'll show you how to add a simple detail to your blog which can mean the difference in its design and template customization! Adding a signature to your blog posts is actually super easy and fun. And the final result is a cute element that really makes your blog much more personalized and special.

The first step is, of course, to design your signature and save it as an image file. I recommend saving it as a png and not as a jpeg unless your blog has (and will keep on having) a white background. This is mainly because .jpeg images will show a white box around your text, while .png images will be transparent.

After your signature image is ready for use, upload it to a free image hosting website. I personally like to use Photobucket.
So now for the real thing!

1. Log in onto your blog and click on 'Settings' in the main menu (on the left side). Then, click on 'Posts and comments'.

2. Click on 'Add', right next to Post Template.

3. A text box will expand where you just clicked. Copy and paste the following code into it:

<img style="width:NaN%;" class="centered" alt="post signature" src="YOUR-IMAGE-URL">

4. Replace YOUR-IMAGE-URL with your signature's direct link from wherever you hosted it. But leave the inverted commas the way they are!

5. Click on the orange 'Save Settings' button in the top right corner of the page.

Your signature will now appear as an image at the bottom of all your future blog posts. It will not, however, show up in past ones.


Tip: If you'd like your signature to be always centered, just add <center> right BEFORE your signature's direct link and </center> right AFTER it (both still inside the inverted commas)!

I hope this tutorial comes in handy to customize your blog to your liking! Please feel free to let me know in the comments below if you liked it!
post signature

2 comments:

  1. This is truly a fun and an easy way to add signature to my blog. I am pleased with all the suggestions you have mentioned in this article. I will do follow them and will try the method.
    digital signature

    ReplyDelete
  2. Thank you Amber! I'm glad I was able to help :)

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...