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.
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
You will get a link like this:
http://ANY_WEBSITE.com/images/MY_SIGN.jpg
Now put that link in this code:
<br /><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.
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...
And immediately BELOW this, add the above code. And save the template.
That's it...
It will be displayed like this:
No comments:
Post a Comment