How To Add A Custom Signature To Blog Posts In Blogger

I've started to get more serious about blogging and to start 2016 off right I decided to get serious about my brand and brand look.

One aspect of that brand look is a blog post signature. I've seen several bloggers that have a pretty signature sign off for their blog posts and I've wondered how they do that and how I could do it. I'm not well versed in HTML coding, so after some online searches, I found a few articles with tips and HTML code for Blogger that would help me create the post signature I longed for.

Here are two ways I found for adding a signature to your blog posts from I Can Build A Blog and Code it Pretty. I've opted to use the second option because of my blog design.

Adding custom signature to Blogger blog posts | A Relaxed Gal
(This post includes some affiliate link. Should you click an affiliate link and make a purchase I may receive a small commission at no extra cost to you.)


1. Signature that's automatically applied to all posts

  • STEP 1: Create your signature image using a design resource such as Photoshop, Canva or My Live Signature
  • STEP 2: Upload your image to a web album like Picasa Web Album or Google Photos
  • STEP 3: After uploading the image capture the URL
  • STEP 4: Go to Template > Customize
  • STEP 5: Copy and paste this code in the CSS box

.entry-content:after {content: url(IMAGE URL);margin-left: 200px;}

  • STEP 6: Replace IMAGE URL with the URL for your signature image

Easily add custom signature to blog posts | A Relaxed Gal

2. Signature only applied to new posts

  • STEP 1: Create your signature image using a design resource such as Photoshop, Canva or My Live Signature
    STEP 2: Upload your image to a web album like Picasa Web Album or Google Photos
    STEP 3: After uploading the image capture the URL
    STEP 4: Go to Settings > Posts and Comments
    STEP 5: Copy and paste this code in the Post Template
  • STEP 6: Replace IMAGE URL with the URL for your signature image



11 Comments

Follow Me On Instagram - @arelaxedgal