Best 2 Know

The Ultimate Blogging Resource

  • Advertising
  • WebHosting
  • Contact Us
  • Blogger
    • Blogger Templates
    • Blogger Tutorials
  • Browser
    • Firefox
    • Google Chrome
  • Google
  • Internet
    • Facebook
    • Twitter
  • Thesis
  • Windows
  • WordPress
    • WordPress Themes
    • WordPress Plugins
  • More
    • Linux
    • Review
    • Solutions
    • Announcements

Add Your Sign Below All Posts In Blogger / BlogSpot Blogs

If you are using Blogger, and want to show your signature below all the posts, then you can do this in two possible ways: either add it in an HTML/JavaScript widget with the image of your signature or you can directly edit the HTML template of your blog. The second approach is recommended, as the first one may increase the loading time of blog.

In both the methods, first step is common and important, i.e. to get an image of your signature,.For this, either you can
– draw it and scan it, or
– draw it in MS paint / Adobe Photoshop or any other image editing software and save it, or
– (Recommended) Use MyLiveSignature, and type the letters (use capital letters wherever required), and continue: select font, size and color for the sign. Save / download the image.

Now upload it to either Pages.Google.com or GigaImage.com or HotLinkFiles.com, to get direct link of the image(your sign).
You will get a link like this:

http://ANY_WEBSITE.com/images/MY_SIGN.jpg

Now put that link in this code:

<img src="YOUR_DIRECT_LINK_HERE" />

Replace the code in RED color with the direct link of your sign image.

This is the second step, which has two choices (second one is recommended):

1. Adding the sign to HTML/JavaScript widget:

Log in to Blogger, go to Layout, click on Add a Gadget -> HTML/JavaScript type.
Now copy the above code and paste it here. Save the widget, then drag & drop it below the blog posts widget.

2. Adding the sign to the blog’s template.

Log in to Blogger, go to Layout, click on “Edit HTML” tab and click the radio button “Expand Widget Templates“,and find (CTRL+F) this code:

<data:post.body>

And immediately BELOW this, add the above code. And save the template.
That’s it…

It will be displayed like this:

Subscribe via Email

Share this:

  • Click to share on X (Opens in new window) X
  • Click to share on Facebook (Opens in new window) Facebook
  • Click to share on Pocket (Opens in new window) Pocket
  • Click to print (Opens in new window) Print
  • Click to share on WhatsApp (Opens in new window) WhatsApp
  • Click to email a link to a friend (Opens in new window) Email

Related

March 19, 2009 Ritesh Sanap Blogger Tutorials, Internet, Solutions Blogger Hacks, Cool things, Hacks, Tutorials

Comments

  1. hock says

    March 28, 2009 at 7:10 pm

    ITemplatez.com offers professional web templates, flash templates ,swish templates, dreamweaver templates, and other web design productsavailable for immediate download.

    Reply

Leave a ReplyCancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Post navigation

Previous Previous post: Embed Text Resizing Widget To Increase or Decrease The Font Size
Next Next post: How To Show/Hide Text Using JavaScript Toggle Method

Currently Trending

  • How to download Specific parts of YouTube videos
    How to download Specific parts of YouTube videos
  • Windows Vista CD key
    Windows Vista CD key
  • How to retrieve my Demonoid username
    How to retrieve my Demonoid username
  • How to add Logo to Thesis theme
    How to add Logo to Thesis theme
  • How to Delete Feedbacks from JetPack Contact Form
    How to Delete Feedbacks from JetPack Contact Form
  • List Of All 255 Keyboard All Alt Key Codes
    List Of All 255 Keyboard All Alt Key Codes
  • h4x0r ( Hacker ) - Blogger Template
    h4x0r ( Hacker ) - Blogger Template

Get Latest post in your Inbox

Random Posts

Add Social Bookmarking Icons After Every Post In Blogger Blog

April 29, 2010 By Ritesh Sanap 8 Comments

Create Cool Images With a Wet Floor Effect Maker

August 15, 2008 By Ritesh Sanap Leave a Comment

How to add Subscription box below post in thesis

May 27, 2011 By Ritesh Sanap 3 Comments

Website Speed Test

April 19, 2009 By Ritesh Sanap Leave a Comment

Basic PC shortcut keys

April 30, 2009 By Ritesh Sanap Leave a Comment

WordPress

HTTP2 Server Push for W3 Total Cache Minify plugin

August 17, 2016 By Ritesh Sanap 5 Comments

How to Disable Emojis in WordPress

January 6, 2016 By Ritesh Sanap Leave a Comment

JetPack Related posts and Sharing not working with NGINX

November 10, 2015 By Ritesh Sanap Leave a Comment

Simply Pure – WordPress Theme

November 2, 2014 By Ritesh Sanap 2 Comments

Advanced What should we Write about next? – WordPress Plugin

July 28, 2014 By Ritesh Sanap Leave a Comment

How to Disable Self Pingback or TrackBack

January 16, 2014 By Ritesh Sanap Leave a Comment

BlueStrap – WordPress Theme

January 1, 2014 By Ritesh Sanap 15 Comments

How to Create Multiple Excerpts in WordPress

December 24, 2013 By Ritesh Sanap Leave a Comment

How to Disable Auto Update in WordPress

November 21, 2013 By Ritesh Sanap Leave a Comment

How to Delete Feedbacks from JetPack Contact Form

November 19, 2013 By Ritesh Sanap 9 Comments

Recent Posts

  • HTTP2 Server Push for W3 Total Cache Minify plugin
  • How to show hidden files and folders in Mac OS X
  • How to Disable Emojis in WordPress
  • Canva – Online Photo Editor
  • JetPack Related posts and Sharing not working with NGINX

Archives

Recommends

  • DigitalOcean – Cloud Hosting
  • Dropbox – Cloud Storage
  • Elegant Themes – WordPress Themes
  • LastPass – Password Manager
  • Like us on Facebook
  • Follow on Twitter
  • +1 on Google
  • Subscribe via Email
  • RSS Feed

© 2025 Best 2 Know · All Rights Reserved · We ♥ DigitalOcean