Signatures are one of the epic ways to make others feel your presence.Especially in blogging where it is so important to introduce yourself well in the community.


Because that is just how you move forward in blogging.When people start recognizing you and most importantly start trusting you.

Connecting with your audience doesn't just requires from you to use About me widgets or displaying testimonials in the sidebar.It's not just enough.

So to introduce yourself well, you can use your signatures under blog posts.Signatures can also make your blog's appearance and personalization level go up.
  
Demo : -                                                                               

Want to see how your posts will look with a signature beneath them?

Then you can simply scroll down to the end of this post for a live demo, because I'm using signatures for my blog too.




                                            Lets Get Started                                                                             

#1. Create a Signature :

 1.Go to OnlineSignatures to create a free signature online. 

 (You can use  photoshop but creating signature online is fast and easy.)

2.Now to create a professional looking signature click on create now.
3.Enter your name and hit next step.

4.Select a writing style.


4.Select a font size for your signature.


4.Select a colour.

5.Select the font slope and click create.



Your signature is ready online in less than minute.Cool, isn't it ?

7.Click on the download button and save the signature.


#2. Upload the Signature :


2.Now upload the signature you saved earlier.

3.In my photos view the signature and copy it's direct link or simply Right click and then click copy image location.

Recommended Article : Usefull Backlink Srategies

#3. Edit the template : 

1.Go to blogger and then template section of your blog.

2.Click on edit template and press ctrl + f  to get the search bar.

3.Search for this tag 


<div class='post-body entry-content'> <data:post.body/>


4.Now place this code under the above tag.


<div class='sign'> <img src='DIRECT URL HERE' style='border: none; background: transparent;'/> </div>

Customization :


1. Search for this tag </b:skin>



* To get the signature placed in center paste this code above the </b:skin>
.sign { text-align:center; }

*To get the signature placed left, paste this code 

.sign { text-align:left; }


 *To get it placed right, paste this code
.sign { text-align:right; }

Simply save the template after pasting the necessary codes and making the customizations.

Share your Signatures : 

Share your signatures with us, simply leave a link in the comment box to one of your posts and let me know how your signature looks like.

Meantime also share your experience about creating signature online and are there any better tools to create signatures online ?

Was the content worth a share?

No comments:

Post a Comment

Translate

Follow via: