Awesome Social Sharing Widget for Blogger

Social Sharing Widgets are always been my favorite blogger widgets. Its too important that you have installed any social share widget on your blog as it really helps users to share your content on social network sites and though it helps as building social network backlinks and increases your blog SEO Score.

This widget can be added to your blog post footer and its really awesome widget with all features regarding a social share widget.
There is no question about it that it not only attracts visitors but also makes them to share your content.

I've posted some articles you should check them :

• Slide Open Heart Shaped ShareThis Widget For Blogger
• Add Slide Open Egg ShareThis Widget for Blogger
• How to Add ShareThis Widget to Blogger
• How To Add Social Share Buttons for Blogger

Do you like Awesome Widgets? Then you are at right place, mate ! Today I'm posting an Awesome Share Widget for Blogger, This widget is installed on our blog you can share this post via scrolling down this page. Also you can take a live demo by it.

Whats New in This Widget?

There are several unique functions I've embedded it this widget , they are as follows :
1. Easy Installation.
2. Most Popular Social Network Share Round Buttons [Facebook, Twitter, Digg, Stumble Upon, Reddit, Technorati]
3. Circular Buttons with Variable Size gives massive look to this widget which is important to attract blog readers or users.
4. Highly Customized, doesn't affect blog loading speed.
5. CSS Optimized.
So these are the unique features of this widget.
Do want to take a live demo? just scroll down this page and check this widget.

As I've said this widget doesn't content any script because it is highly customized and I would like to to tell you its Total Custom Widget, I've worked for some hours to customize this widget, this widget is originally developed by MyBlogger-Tricks.com Thanks to Mohammad.

Live Demo

How To Install This Social Sharing Widget ?

Now Would you like to Install this widget on your blog? Its too easy just follow these steps :
1. Go to Blogger > Dashboard > Template.
2. Click Edit HTML.
3. Then find this code ]]></b:skin> by pressing CTRL+F
4. After finding the code  ]]></b:skin> paste the following code just above it.

/*----Start Social Sharing CSS----*/ 
.fade img { 
filter:Charlieundefinedopacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
} 
.fade:hover img { 
filter:Charlieundefinedopacity=20); 
-moz-opacity: 0.20; 
opacity: 0.20; 
-moz-border-radius:5px; 
-webkit-border-radius:5px; 
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
} 
/*----end SocialSharing CSS----*/

5. Now find the code <data:post.body/> by pressing CTRL+F
6. After Finding the code <data:post.body/> paste the following code just below it.

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<center><span style='color: #000000; font-size: 14px; font-family: Trebuchet MS;'><b>If You Enjoyed This Take 5 Second to Share it.</b></span><br/> 
<a class='fade' expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank' title='Share this on Technorati'><img alt='Technorati' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm-HNzwelFmFxT8zgG3uxG75JyLNwii6-KZRVqqwcfPJ1vQ2UJRRTCB3Wy6fPkvsr36eOgf-N1lSpeBynTCh4NU4nZabUqdCzFqzdUR_7fXGu3tPdHWJICrh1eC_jocHhqhWbeQs3b4yLY/s1600/technorati1.png ' width='64px'/></a> 

<a class='fade' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Submit to Digg'><img alt='Digg This' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih2pmQ9LDP6kcVxhTqwnvXpuSlM4kTfrLDuLATJbGD2fBJp7Qmpx6zgwKKN7CE8RWiePCK43bqyvEuvhGmzIrLH4_1qirTbyaA_T3rBdSmomeg_0hawCJpLxE5NGU5oxjgdBUfv5LW3Ekd/s1600/Digg1.png ' width='80px'/></a>

<a class='fade' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook'><img alt='Facebook' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN7lkz86k8Xylvd2BHr2ujj5xqQr1xhugxeFHVpe0pCbITIdjM7kyxvWcC5gUL-2Pctdg5IGpRm7m0QJYcSwkhjVX9aBAv1YekWaVm2watXnA9j3mVRmPDh8GUjxOwluC4Qebn5J6SQf3t/s1600/Facebook1.png ' width='100px'/></a> 

<a class='fade' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet This !'><img alt='Twitter' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvnzkMCJgR715Xcfo0eBZtNbANnxxW7Qm3y-SpnPnalb6Jj7Xrueo8RSN0GN7yW0zmS7SZhn_hXXbJc7MpG1HoQMegtKCEaE1MLAFhwTWCskSoU9QRkjV-_TLKi84gDNIZIxsfsVim50_C/s1600/Twitter1.png' width='100px'/></a>

<a class='fade' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Reddit'><img alt='Stumble' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPB4u-cLjuu5dWgBLkTcbh5EzpGphLqmK__RWhv0SWuT9HRU-ABCd5WIIJn0QSJ_56YDle9NclT1qiuK55dxUugwjyfk1MmcY-HkB-srRsEkC8dU3AZ5zDSl0GbHq7J-86Exl-QvUkJGoi/s1600/Reddit1.png' width='80px'/></a> 

<a class='fade' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble upon something good? Share it on StumbleUpon'><img alt='Stumble' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBSNdlIv4DMvzDewyE97dnKzHft08XDjPsiOphy0jlhKT2RJzorysHefEIt53YtbQ86nwfVjVTCmED5XjhopEMKDRnUsKalwc64WWiUZPX2teZJ5SlebeO3gxQIYiDK_LtaqCdc-Cp0ivj/s1600/Stumble1.png' width='64px'/></a> 
</center> 
</b:if>
<div style="text-align: right;">
<span style="font-family: Georgia, Times New Roman, serif; font-size: xx-small;"><a href="http://techethix.blogspot.com" target="_blank">Get This<span id="goog_1627905543"></span><span id="goog_1627905544"></span> Widget</a></span></div>

7. Now find this code </body> and paste the following code just above it.

<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareEgg'/>
</div>
<a href="http://techethix.blogspot.com/">.</a>

8. Now Hit Save ! Go to Your Blog and check this Awesome Sharing Widget !
Don't forget to Like Us on Facebook and Subscribe Us via Email !
and the best thing you have to do is to SHARE THIS POST :D
If you have any problem just drop your comment below or simply say thanks in comment box.

If you wanna check our newest Social Share Widgets then just hit Social Share Label from the right sidebar ;-)