• Business + Productivity
  • Creative Projects
  • Recipes
  • Travel
    • Disneyland
    • Facebook
    • Instagram
    • Pinterest
    • Twitter

Tauni Everett

Bibbidi Bobbidi Chew

Tauni Everett » Business + Productivity » Blogging » Add a Signature to Your Blog

Add a Signature to Your Blog

Hi There! Today I am going to show you how to add a custom signature to the bottom of your Blogger posts.  It is really easy and is a fun way to add personality to your blog!

Title1

First you need to create your signature. You can open up photoshop, paint, gimp, or any other image manipulation program. Create you signature with whatever fonts and colors you want then save it as a .jpg.

Here is an example of a blog signature I just created for my friend, Kim. It is 320px x 70px. Which is about the biggest I would suggest you make a blog signature. It should range from 100px – 320 px wide and be about 50px -75px in height.

Kimsig2

Here is what it looks like on the blog…

Capture2 1024x334

After you have created your signature then you will need to upload it to Photobucket.

Login > Upload > and select your signature .JPG.

Once it has uploaded hover over the image and a little box should pop up. Highlight and copy the Direct Link code and paste into a word document, you are going to use it in just a minute.

It will look like this…

Capture11 1

Next login to your Blogger dashboard. Click on Template and the edit HTML.

H

When You click Edit HTML Blogger is going to pop up a warning box. Just click “Proceed”.

[I Promise we aren’t doing anything to scary!]

Capture5 1

Now you will need to check mark the box that says “Expand Widget Templates” in the top left hand corner.

Capture58

Click your cursor anywhere in the text box and then click Ctrl F or Command F [for mac]. You should see a “Find” box on your screen. Mine is at the bottom of my screen …

Capture68 3

Then paste the following code into your “Find Box”

<div class=’post-footer-line post-footer-line-1′>

Once you find that piece of code paste this code BELOW it, once the next line.

<img src=’IMAGE URL HERE’ style=’border: none; background: transparent;’/>

Then switch over to your word document and copy the direct image url of your signature [that you copied earlier]. Paste that into your HTML where it says IMAGE URL HERE.

Do NOT erase the quotation marks.

My final piece of code looks like this…

<img src=’http://i904.photobucket.com/albums/ac241/kelimedesign/kimsig2.jpg’ style=’border: none; background: transparent;’/>

Then you can click PREVIEW and make sure everything looks okay. If it looks good, then SAVE!
Now you have a beautiful blog signature!

Looking for more Blogger tutorials? Pop over. I’ve just rounded up more than 10 great Blogger tutorials, plus some general posts that might help you out!

about me
post summary
Popular Posts


Snap

Snap

Editor at Tauni Everett
Snap has contributed 472 articles on https://taunieverett.com since October 2, 2012.



Power Bio Box by Zyra Console



You are here:
Home
Business + Productivity
Blogging
Add a Signature to Your Blog
Title:
Add a Signature to Your Blog

Authors:
  • Snap
Categories:
  • Blogging
Mentions:
Blog Signature, Blogger, Blogging Tips, Key Lime Digital Designs, Tutorial

Keywords:
Not Specified

Last Updated:
November 15, 2018

  • One Word Goal: The Celebration Shoppe
  • One Word Goal: 30 Minute Crafts
  • Make a Light Reflector- A Quick, Free Trick To Brighter Photos!
  • How to Offer A Free Printable On Your Blog
  • How to Add Horizontal Featured Posts in Blogger
  • Customize Block Quotes in Blogger
  • How To Make an Image Slider in Blogger
  • A Beginners Guide to Blogger’s Template Designer

«
»

Blogging

Comments

  1. Kristin says

    March 28, 2012 at 1:50 pm

    This is such a great idea! I’ve always felt a little weird about just ending my posts with out saying something like “Love Kristin” or something. I think the signature makes it sound more personable.

    Now…to come up with a SHORT catchy salutation…

    Thanks for the tip Kendra!

    • Kendra @ Key Lime Digital Designs says

      March 28, 2012 at 5:35 pm

      You’re welcome! 🙂

  2. Michelle says

    April 27, 2012 at 5:34 pm

    Hi,
    Great tutorial, but when I did the find search, it never came up with the code: …nothing even close to that. Any help?

    Thanks!
    Michelle

  3. Elizabeth Burton says

    August 25, 2012 at 2:00 pm

    Thanks for the tutorial…..mine did work but it is in a white box and my background is orange. Do you know how to get rid of the white box?

  4. Our Little Charmed Life says

    December 20, 2012 at 6:44 am

    This didn’t work for me, either. I ended up just adding my signature in the Post and Comments section using the Post Template option. When I tried your tutorial it kept telling me there was an error. I went through the full instructions 3 or 4 times without getting a different result. Sorry! For those that it worked for I’m sure it’s awesome.LOL I still think your site is pretty nifty though!

  5. kelly says

    March 13, 2013 at 2:18 pm

    I get how to do this now- but i downloaded Gimp and there is not a way to save the signature as JPG…please help.

Featured Posts

Disneyland Lunar New Year Mandarin Mousse Cake

The Best Disney Lunar New Year Food

Disneyland Lunar New Year Festival Entrance

Disney Lunar New Year

12 CLASSIC DISNEYLAND TREATS 1

12 Classic Disneyland Treats You Can Get All Year Round

Disneyland Snacks that Will Not Wreck Your Diet Bengal Outback Skewer

10 Disneyland Snacks That Will Not Wreck Your Diet

WordPress Hosting by House of Ideas

Copyright © 2025 SNAP! Creativity · Design by: Key Lime Digital Designs· Darling Theme