Social Share Widget For Blogger

Default Blogger templates have not social share button after the post area. If you have social share button set at your blog your visitors can share your post with the social network platform that they use. No doubt it is useful to increase blog popularity and page rank. So, what is next, follow some very simple steps to add this social sharing sites button set at your blog.

Demo

• Log in Blogger Dashboard.
• Enter in Template » Edit HTML.
• Check ' Expand Widget Template.
• Find out the given codes in template (Tip: Use Ctrl+F to use your browser search menu to search quickly).

]]></b:skin>

Just above ]]></b:skin> Paste the given codes.

.share-icons { display: block;
background:#EEEEEE; margin: 10px 0 0; padding:5px; border:2px solid #992211; -moz-border-radius: 5px; border-radius: 5px; } .share-icons img { margin: 2px; border: none; }

Now search out the following code.

<div class='post-footer-line post-footer-line-3'>

Just below <div class='post-footer-line post-footer-line-3'> paste the given codes.

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='share-icons'> <h4>Share this post Now</h4><!-- Twitter --><a expr:href='"http://twitter.com/share?url=" + data:post.canonicalUrl + &quot;&amp;text=Currently reading: " + data:post.title + "&amp;via=blogger_Raju"' rel='nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuaZQSmR-i8g2END1duz23HKpFwIGusbfazBjSViTpsWKA47HtR80TTxd_SXdJ2qiwmHy27nil9ovvEMtlXuIpw8nqloe-wVI9H24mgAlJ47-ebE9g7vlBp8ft8LIfTUJXlKWK8IKpk1Pd/s1600/twitter.png'/></a>
<!-- Stumbleupon --><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji-E85Q1NtBi5OIy6yfIpRwOygTfB7ZGXxGTLQgUQKSZ6-6yKTZ3Frm_hk5abrj9t4aX2hmoPmgfHhymgJ_CXvfxZg0Y89PfZjPE_DaUEbjbd31d5zaWS5ec4XmIoRd8mHeGGGZElEXjkh/s1600/stumble.png'/></a>
<!-- Digg --><a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg it' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLddOBPuT7uLRYbpN-S2MsAiWC_v2piuqe08g775fMDr53V40xUrWiuJahRdN7DusXV6pYA86Bqi9II-SdmDuwkJOxDFP0ibNWe_UyQhW_qpNPCZcH6BosI0I_271FoYowJCQaN_MaXpu_/s1600/digg.png'/></a>
<!-- Facebook --><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrmsMoB1MSXzKmVWyQQId8zBV6IJPcNO-hcr7rB1UFaeAZ2t_MBLkPKupHVlyiK2SHGKCVFeo6dBAumBLGwC00Y3lt8Vhy68DoyaKCYVTTKmKFIcbgwyXbgNMcfhQzwfQlKgevVncYeqEd/s1600/face.png'/></a>
<!-- Reddit --><a expr:href='&quot;http://www.reddit.com/submit?url=&quot; + data:post.canonicalUrl + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNwdrthbTiFHW3gDKU3HhjO4IfGKIr7Fo9VTq8uXiscidDVcNrY8Yf69QngwUvaUlP-tmkrbqdpMMLR0DGL60w3pl8IKUjrWC4Wmci5_W_vXliO_wf6MaXD41dYIqZP76TTDHK5dmxJ1yG/s1600/redit.png'/></a>
<!-- Technorati --><a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.canonicalUrl' rel='nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFT73ByghTndFGvu_idGpYGpgynPkJiZ-rUPmCQN43pkbmmm0JzHm0vuuIeDDWPGjmWeu4zXaiPlK6Wwm1W_DEtxbRWFWzUSfLJ9ON1A9nANqFeNKBLgE0L75W-mC_rOJIO0VGxxX62mcn/s1600/techno.png'/></a>
</div></b:if>

Replace Share this post Now  with your desired title. Take preview, save your template and done :) 

About Arvind Jangid

Arvind Jangid is the founder and editor of Mast Tips and Mast Blog Tips. He Shares the solutions on 'How To Series' & dedicated to share his blogging tips. Follow Him on Facebook or Twitter . See More About Him.

Liked My Post ?

Subscribe to our RSS Feed and We will let you know when we have new posts!
Or get the latest posts via Email
Thanks!

If You Found Something Useful, Then Kindly share This Now: