But blessings came unexpectedly when I visited a Blotanical member's garden blog two days ago for the first time! Not only was I treated to such an awesome garden display of kaleidoscopic autumn colours, but was introduced by chance to this wonderful site. It was while enjoying the spectacular autumn photos by Jan of Thanks for 2 day, that I playfully mouse over her personalized signature and viola it was a clickable image that linked to MyLiveSignature.com. It's an online personal signature maker that offers free personal signature generator to create your own signature for emails, blogs and others, besides paid service for other advance animated choices. Wow, a treasure hunt that took no effort at all on my part. Thanks, Jan!
Thus, I thought it'll be great to share here my recent delightful discovery and how easily you too can add a signature to personalize your blog posts.
Follow these simple step-by-step process of creating and adding your personalized signature to your blog posts :
- Go to MyLiveSignature.com. You need not register or set-up an account for its free service. Click on Click Here To Start or the Proceed button.
- To create your new signature, click on the link, Using the signature creation wizard or its icon.
- Enter your name and click the Next Step button to continue.
- Select the font that best suits you. There are 120 different fonts available for selection. (My selection was #29, after going through all 120 of them...hehe, just curious to see them all!). Click on the Next Step button to continue.
- Select the font size for your signature, by clicking in the circle beside the size # you desire. Then, continue with a click on the Next Step button. (I've selected size #4).
- Select the color for the text and background, and then click on the Next Step button to continue. For my signature's text color, I've selected #131313.
Some tips on background colour:
- White - the default background color #FFFFFF is white. It's fine if that's your blog's background color, otherwise it'll create a box border, enclosing your signature and appear unappealing as seen in the photo below. To make it borderless, choose either one of the next 2 ways.
- Choose the colour that matches your blog's background color - enter the colour hex code if you know or go to your blog's Dashboard | Layouts | Fonts and Colors, and get the color hex code of your Page Background Color from there. This will make your signature clearly defined without a border.
- Transparent - tick in the box beside the word 'Transparent'. This is the best choice I've discovered after trying the previous two. Choosing 'Transparent' will automatically create a well-defined signature without a border and will fit all blogs, irrespective of the blog's background colour. An excellent choice if you have many blogs with different coloured backgrounds.
Click on the Generate HTML code link, where you will be provided with 2 options . You can either generate a code for just your signature alone, or generate a combine code of your signature with other additional information. I've selected the first option which is most suited for my blog posts by clicking on the Generate a code for my handwritten signature link. Once the HTML code of your signature is generated, you can then copy and paste the code into your blog posts. Advisable to copy and paste it too into any text editor like Notepad or TextEdit, and save file for later use.
The website has also provided details on how to add your HTML signature in email messages, blogs and websites. Click on the respective links available to go about it.
1) How to add your signature to individual Blogger blog post :
- Go to Edit Posts, then select the blog post that you want to add your signature;
- Click on Edit HTML in the editor window;
- Scroll right down to the end of your post, and paste the HTML code of your signature that was generated;
- Click the Publish Post button when all's done.
- Go to Dashboard | Layouts | Edit HTML, to edit the blog's template;
- Before editing your template, best to save a copy of it. Click Download Full Template;
- Then check the box beside Expand Widget Templates.
- Scroll down or CTRL F to find the code <div class='post-footer'> and then paste your HTML signature code right below it;
- Then, click Preview to see whether your signatures were added and if all's well, click Save Template. Otherwise, click Clear Edits and try again.
(Note: just to assure you that I've just tried this way and it's just perfect. A big thank you to http://www.betshopboy.net/ for this very useful resource. Now, I needn't use the individual signing method as it's done once and for all, using BetShopBoy's way)
My grateful thanks and appreciation to MyLiveSignature.com for this wonderful signing feature. God bless you all for your generosity! You've put a thousand smiles and a wide grin on my face! :-)