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.
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'>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).
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).
Want to know how to add a post divider after your blog posts?
Sample
Follow this super-easy, thorough, and beginner-friendly tutorial from Megan at Shabby Blogs!
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*??? :)
sample
If you’ve been thinking about starting a recipe blog, now is the time to do it!! And gosh darn it, send me the link to it ASAP!!! ;)
Thanks for looking!! :)
<img src='IMAGE URL' style='border: none; background: transparent;' /><br/>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).
Want to know how to add a post divider after your blog posts?
Sample
Follow this super-easy, thorough, and beginner-friendly tutorial from Megan at Shabby Blogs!
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*??? :)
sample
If you’ve been thinking about starting a recipe blog, now is the time to do it!! And gosh darn it, send me the link to it ASAP!!! ;)
Thanks for looking!! :)
