donderdag 5 januari 2012

Add a Signature to Every Blog Post on your Blogger/Blogspot Blog

If you have a blog, you may be wondering how to add your signature after every post on your Blogger or Blogspot blog. This simple tutorial will show you how to do it in just a few easy steps! :) This method of adding a signature will add your signature after *every* post- even posts you’ve already written! This is not like the “template method” of adding a signature, which will only add your signature on the new posts that you make- and not the old ones. Oh and stay tuned ’til the end of the post- there’s also a tutorial on how to add a post divider after your blog posts! :)



So, to add a signature, first, you’ll need to create a signature image like the one above (click here for a tutorial on how to do that) and upload it somewhere like Photobucket, TinyPic, Flickr, etc. Then…
1. Go to your Blogger Dashboard and click on Layout then Edit HTML.
2. Check the Expand Widget Templates box.

add signature to blogger

3. Click CTRL-F and copy and paste the line below in the search box to search for it in your code.

post-footer-line post-footer-line-1
It may say :
<p class='post-footer-line post-footer-line-1>
OR

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

Or something similar- either is fine. Just look for that line.
4. Under that line, paste this code and change IMAGE URL to the url address of your signature image (it’s the Direct Link on Photobucket).

<img src='IMAGE URL' style='border: none; background: transparent;' /><br/>
add signature to blogger

5. Preview it and Save it! You’re done!
If your blog background isn’t white…
This tutorial doesn’t cover the making of the actual signature, but I will give this tip for blogs that don’t have white backgrounds- here’s how to make a signature so it doesn’t have a white background around it and it will blend in with any background! :)
If you use Photoshop, when you create a new image, make sure the “Background Contents” says Transparent. Then create your signature, and when saving, go to File > Save for Web and Devices.
Make sure you save the file as a PNG-24 and that Transparency is checked. The white and grey checkerboard must be around your signature for it to work! :) If you save it like this, then no matter what background you put your signature on, it will blend in (and not have a white background around it).

add a signature to blogger
Want to know how to add a post divider after your blog posts?

Add a post divider to blogger
While you’re there, take a look around! :) Don’t forget to check out her *awesome* shabby blog backgrounds and shabby blog extras!! :)
Here’s one of the new backgrounds she just added. Wouldn’t this make the *cutest* recipe blog background *ever*??? :)

recipe blog background




Read More

2 opmerkingen:

  1. This is really fantastic work friend..The Way in which You represent this blog is awesome.I really appreciate your work. Keep it up in future.
    website design

    BeantwoordenVerwijderen
  2. This is really a great idea. I am excited and can't wait for more. First I need to design an attractive signature that looks elegant. I will try the steps you have posted above.
    digital signature

    BeantwoordenVerwijderen