How to add a Signature to your Blog Posts

I am going to attempt to write a Blog Designing Tutorial every Sunday.

And I do say, attempt.

How to add a signature to your blog posts.

And how to get it show up on your posts automatically.

1. Make your signature using your favorite Photo Editor. I use Photoshop. But if you do not have photoshop you can use PicMonkey.  I believe that the standard size for a signature should be at least 200×70. Not too big but not too small.
2. Upload your signature picture to your favorite image host. I use Photobucket.com to host all of my images.
3. Copy the direct link of the image and paste it within this code: *Replace only the part that is highlighted in yellow “YOUR IMAGE URL“. Do not remove quotations.*<img class=”left” alt=”post signature” src=”YOUR IMAGE URL“>

4. Log in to your blogger account (if you haven’t already) and go to “Settings”.  Under “Settings” click on “Posts and Comments”. In the box that says “Post Template”, paste the above code with image url in the box. If you want the signature to be centered, just simply add the center tags.
5.  Then click on “Save Settings” at the top.
6. Please Note: The signature will not show up on previous posts but on future post that you draft.
Happy Blog Designing!
ps: If you have any trouble or questions, please leave a comment below.
  • Ashley Berry

    I don’t know if this just posted or not but I wanted to say thanks for posting this! It did take me a little bit of time to figure out what was wrong because I kept getting the broken picture image but it’s because my copied link from photobucket was entering an extra space in the code. It’s working now though and so cute!! I linked this and your homepage in my blog makeover post!

    http://abcberry.blogspot.com/2014/04/blog-makeover_21.html

    • http://www.herandnicole.com/ Rekita | Her&Nicole

      Oh you are so welcome! thanks so much for linking back!

  • http://www.izuimmssamsario84.com Armando Neuner

    I just want to say I’m all new to blogging and site-building and really savored you’re web blog. Most likely I’m going to bookmark your website . You really have very good articles. Many thanks for revealing your web page.

  • http://fs.kw.ac.kr/?document_srl=616496 diet solution program

    This design is incredible! You certainly know how to keep
    a reader entertained. Between your wit and your videos,
    I was almost moved to start my own blog (well, almost…HaHa!) Great job.
    I really loved what you had to say, and more than that,
    how you presented it. Too cool!

    Also visit my web page … diet solution program

  • http://tinyurl.com/OfficialDragonCityHack dragon city hack

    Hello! This is my first visit to your blog! We are a group of volunteers and
    starting a new project in a community in the same niche. Your
    blog provided us valuable information to work on.
    You have done a wonderful job!

  • http://www.clippingpathspecialist.com/ Atiqur Sumon

    Here is the code

  • Sheamus Warior

    I know this is quality based blogs along with other stuff.is bubblegum casting legitimate

  • Brie Street

    Hello there!! Thank you for the tutorial. It’s really simple to follow and now I have my own signature (which I just adore!).

  • Cassie Thompson

    Hey Rekita, I am having trouble getting my signature getting to show up right on my posts. All I’m getting is a broken image icon. Could it be my url? I use Flickr.

    • http://www.herandnicole.com/ Rekita | Her&Nicole

      Yes it could be your URL. When you see the broken image symbol it usually means that image link is broken or it can’t be viewed as an image.

  • http://thisdarnyarn.blogspot.com Britney

    This is so so awesome! Thank you sharing! I was just wondering though, how can I get this signature to appear on previous posts? Would I just place the picture into the blog post itself?

  • Katie Albury

    This was so helpful! Thank you so much for sharing, it took me only 5 minutes to do and I’m so chuffed with my jazzing new signature!

    Katie x
    http://www.missenchanting.co.uk/

  • http://twpeach.blogspot.com/ Princess Peach

    Hi,

    Thanks for the share, it’s really easy and helpful! But I still have some problems about this!
    I have set my image as .png, also add the codes below

    But, the shadow is still there. I was wondering is this because of the template I’ve used for my blog?
    If yes, is there anyway I could get rid of the shadow? Thanks a lot!

    My blog URL is
    http://twpeach.blogspot.com/2014/02/texas-university-7a-elevator-pitch.html

    • http://www.herandnicole.com/ Rekita | Her&Nicole
      • http://twpeach.blogspot.com/ Princess Peach

        Ha,Thanks for your prompt reply.
        But I do wanna keep the shadow for my post images, except my signature…
        Is there anyway I could do this? Thanks a lot!!

      • Hannah03246 .

        Thanks for this. Really helpful!

        Bloggerhannah13.blogspot.co.uk

  • Kade Bailey

    ah Thank you!

  • http://mudgeandthecity.blogspot.com Margaret Snider

    This was by far the easiest tutorial for a signature I have found online. Thanks for the help!

  • http://www.ameliorerlavie.blogspot.com/ Lisa @ Ameliorer la Vie

    This was the third and most helpful tutorial I have read, so thank you for posting this!! I needed to add in my footer, and your instructions helped me with this.

  • Hannah03246 .

    Thankyou for this! check out my blog at bloggerhannah13.blogspot.com

  • Hannah03246 .

    Thankyou for this! check out my blog at bloggerhannah13.blogspot.com

  • http://www.theclippingpathindia.com/ Clipping Path

    This is very effective information to all people. I really glad to read the information from this blog.

  • wildan

    Thanks for sharing this great info …. !!

  • wildan

    Thanks for sharing this great info …. !!
    kelebihan dan kekurangan

  • http://theclippingpathindia.com/ Clipping Path

    Thanks for sharing this great info …. !!!!! Clipping Path

  • http://www.theclippingpathindia.com/ Clipping Path

    Thanks for sharing this great info …. !!!!! Clipping Path

  • http://www.marrymint.blogspot.com/ Amanda @ Marry Mint

    great tutorial! Thanks so much. I love having a nice signature :)

  • http://www.marrymint.blogspot.com/ Amanda @ Marry Mint

    great tutorial! Thanks so much. I love having a nice signature :)

  • Chelsea Covington

    For some reason I can’t get it to work! :(

  • Chelsea Covington

    For some reason I can’t get it to work! :(

  • Elle Ortega

    thank you for the post! I’m new to blogging and this tutorial was easy and simple. I’ll definitely be following you for more :)

  • Elle Ortega

    thank you for the post! I’m new to blogging and this tutorial was easy and simple. I’ll definitely be following you for more :)

  • Jen (nai1chronic1es)

    Very easy tutorial to follow. Thank you!

  • Jen (nai1chronic1es)

    Very easy tutorial to follow. Thank you!

  • Merete Sorum

    This was awesome! Thanks!

  • Merete Sorum

    This was awesome! Thanks!

  • Shira S.

    Helpful post! ;)
    Thanks!

  • http://www.someclingynote.net/ Shira

    Helpful post! ;)
    Thanks!

  • http://www.herandnicole.com/ Rekita

    Just put the text not the image in the “post template” box.

  • Hossain Alagbari

    thanks this is help but i want to add text no image signature to my blog sifiwiki.blogspot.com do you know how ? and thanks

  • Hossain Alagbari

    thanks this is help but i want to add text no image signature to my blog sifiwiki.blogspot.com do you know how ? and thanks

    • http://www.herandnicole.com/ Rekita | Her&Nicole

      Just put the text not the image in the “post template” box.

  • bellabell

    Thanks
    for post. It’s very useful for that people who want more image editors tools. Photoshop Free.

  • bellabell

    Thanks
    for post. It’s very useful for that people who want more image editors tools. Photoshop Free.

  • Leia Amidala

    How can i fix this?

  • Leia Amidala

    How can i fix this?

  • http://www.herandnicole.com/ Rekita

    I’m not sure, I don’t have a WordPress blog.

  • http://www.tanishalynne.com/ Tanisha Lynne

    How do you add signatures for WordPress?

  • http://www.tanishalynne.com/ Tanisha

    How do you add signatures for WordPress?

    • http://www.herandnicole.com/ Rekita | Her&Nicole

      I’m not sure, I don’t have a WordPress blog.

  • Meghan

    Thanks for the info, Rekita! This is really helpful.

  • rebecca haegele

    Yay, thanks. I just spent hours trying to do this and I did it in 2 secs with your code.

  • http://www.blogger.com/profile/13661633802855102573 Petra

    Hi! Any tips on how I can get it to show without the edges? See here:http://findingjoyandbeauty.blogspot.fi/2013/08/he-likes-me-he-likes-me-not-part-2-of.html

    My background is white and I used picmonkey to make a completely white background for the signature, but it still shows up with the ‘shadow lines’ around it? :)

  • http://www.blogger.com/profile/07671278293247120293 Jessi Rich

    Thank you so much! I spent the last 2 hours trying to get my signature to work before I found your tutorial. So easy! I especially appreciate the fill in the blank boxes you created.

  • http://amodernnavywife.com/ Samantha

    I am so glad your tutorial was #1 on google search results because it was so easy! Thank you.

  • http://www.blogger.com/profile/01625683803689162965 Maddi

    Thank you for sharing this! such an easy tutorial to follow. xx

  • http://www.blogger.com/profile/15612299983170612183 deonnawade

    I searched all day for how to this and your tutorial took 2 minutes! thank you so much!

  • http://www.blogger.com/profile/05614218288442174176 Erin Marie

    Just used this. Thanks so much! I’m creating a how-to for my blog. Hope you don’t mind that I linked back to your super helpful post!

  • http://www.blogger.com/profile/16646992656668056721 Ashley Rose

    Finally! Thanks I know have a signature :)

    http://www.damederose.blogspot.co.uk

  • http://www.blogger.com/profile/07403086195420487507 Andrea

    Thank you for creating this! So simple and easy to follow directions! http://www.handandtheheart.com

  • http://www.blogger.com/profile/16672051640783712240 Joana

    Thanks for sharing this, it worked perfectly :)

  • http://www.blogger.com/profile/03084997909729515012 Sania

    Thankyou!! :)

  • http://www.clippingpathindia.com/ Clipping Path Asia

    I think in signature the image adding is a good idea. Thanks for the info.

  • http://www.blogger.com/profile/07626750524265456375 becky smith

    Thank you for sharing this, it worked like a dream x

  • http://www.blogger.com/profile/00945886506612996424 Jordan Hansen

    Thanks for the tutorial! I just did this today, and am so excited to have new posts with a signature!

  • http://www.blogger.com/profile/06480260118314988355 MakeupWithTea

    Omg … you just saved like .. a million future hours for me. THANK YOU!

  • http://www.findmesimilar.com/ VGOPAL

    Thank you very much for this Great Tutorial

  • http://www.blogger.com/profile/10058971746438279217 Jade Wright

    Thank you so much, I managed to finally figure out what I did wrong! I love this tutorial – so well explained and easy to follow xxxxx

    http://www.bohemianmuses.blogspot.com

  • http://www.blogger.com/profile/10058971746438279217 Jade Wright

    I tried this and followed it step for step and I couldn’t seem to get it to work :( I don’t know why.
    Seems so easy and no one else is having problems – clearly I’m blonder than I originally thought!!!

    http://www.bohemianmuses.blogspot.com

  • http://www.blogger.com/profile/08055441656241948743 Alyssa

    Just added to my blog, thanks for posting this!!!

  • http://www.blogger.com/profile/03555902222453249509 Tamara M

    Thanks, so helpful!

  • http://www.blogger.com/profile/13221600676588547829 danielle x

    I made one fine but theres a shadow behind the picture and it’s bugging me! :( thanks though

  • http://www.blogger.com/profile/16309670918390730856 MAC

    Great Tutorial. THANKS!

  • Rachel Christian

    Very helpful! Thank you! xox

  • http://www.glitterandbow.com/ Rachel C

    Very helpful! Thank you! xox

  • http://www.facebook.com/creativetrina Trina Morgan

    Thanks a whole lkot for sharing this:)
    http://www.beautylicousreviews.com

  • http://www.beautylicousreviews.com/ Trina Morgan

    Thanks a whole lkot for sharing this:)
    http://www.beautylicousreviews.com

  • The Inside Out Beauty

    Thank you so much! I also have a lifestyle and beauty blog http://www.theinsideoutbeauty.com and I was looking for something like this! I’ll go fix this now! LOL Blessings! Heidi

  • http://www.theinsideoutbeauty.com/ Heidi – TheInsideOutBeauty.com

    Thank you so much! I also have a lifestyle and beauty blog http://www.theinsideoutbeauty.com and I was looking for something like this! I’ll go fix this now! LOL Blessings! Heidi

  • http://www.blogger.com/profile/17569645196386227583 Judy diyAddict

    Big big thank you for this Rekita. Now, I am going to check out your other tutorials.

    Judy
    http://www.pursuitoffunctionalhome.com
    http://www.kusinaniinday.blogspot.com

  • http://www.blogger.com/profile/04097341878587900835 Christina P.

    Thank you so much for this!

  • http://www.blogger.com/profile/11959709252191446961 ChanTell E.

    I have a question. Do you know how to remove the shadowing that is behind the picture once you have it as your signature. You can see how mine is on my page http://www.pynkkrush.blogspot.com

  • http://www.blogger.com/profile/02292276601583959218 Karla Kennedy

    I’m a nerd..I figured it out, Thanks :)

  • http://www.blogger.com/profile/02292276601583959218 Karla Kennedy

    Im probably making this harder than it is buuut stuck on the first step haha. I went to picmonkey and don’t know how to make a signature from there…

  • http://mommyknowswhatsbest.blogspot.com/ Marissa

    This is such an easy to follow tutorial. Thanks so much!

  • http://www.blogger.com/profile/05082259771885581466 NavyWif33

    Thanks for sharing this info! I will have to create a cute signature for my post now.

  • http://www.blogger.com/profile/14692368188552491504 Leslie

    Hi there! I saw this post title on SITS and HAD to stop by. I’ve been wanting a more personal signature for a while now. Thanks so much for the tutorial!

  • http://www.genxfinance.com/ KC @ genxfinance

    That is quite Helpful actually. And easy to do too.

  • http://www.blogger.com/profile/09872776138094565847 SH

    Great tutorial – thanks!

    Happy Monday!

    Sheree
    The Hartungs Blog
    thehartungs.blogspot.ca

  • http://www.blogger.com/profile/03592652064355690296 Jackie

    I have been wondering this for a bit so thank you for posting!!!

  • http://www.blogger.com/profile/07333452128840017530 couponwahm

    Hi, Will this work on WordPress?

  • http://www.blogger.com/profile/01776703699983486661 Tiff Ima

    Thanks! Just did this.

    Tiff Ima

  • http://www.blogger.com/profile/03390594619083013119 Michelle Nahom

    Thanks for sharing this – now I need to sit down and try it out!

  • http://www.blogger.com/profile/05825686002696561193 Nikki Mitchell

    This is great! I’m going to try this way and see how it looks on my blog!

    Im a new follower btw :) bourgiechronicles.blogspot.com

  • http://www.blogger.com/profile/09049230445903624220 chrissy

    this is a wonderful tutorial! thank you for making it so easy!

  • http://www.blogger.com/profile/06065791066658357064 Laila R.

    Thanks for sharing! I have to manually add it at the end of all my posts. Found you through the GFC bloghop:)

    Townhouse Palette

  • http://www.blogger.com/profile/00799597583762608554 Sarah Schultz

    Thank you so much for this. I have been adding my signature every single time. And I always think “there must be a better way to do” and always forget to explore Blogger. I found you through The GFC Collective. I am now following your blog.

    Sarah
    http://sarahmschultz.blogspot.com

  • http://www.blogger.com/profile/10123063171321947426 Emily

    Rekita, Thanks for sharing this. I am new to blogging and have admired the lovely signatures I’ve seen in the blogosphere, but didn’t know how to create one. I am now following your blog!

  • http://www.blogger.com/profile/01919748780238300141 Ileana

    Rekita thank you for posting this! I have been trying to figure this out for a while :)

  • http://www.blogger.com/profile/13353614082507283708 Army Wives Club

    Rekita, Thanks for sharing this. I use so many different platforms and head in so many different directions, I missed this one!!! Thanks Thanks Thanks!!!!!! ;)