Mar 21, 2015

Best Free Social Media Sharing/subscribe Widgets For Blogger

As a Blogger you must integrate/add social sharing widgets on your blog/website which helps to boost your site traffic in short span of time. You must place this widgets below your post title and at the end of your post.




Features Of New TechCrunch Social Subscribe Widget:


1.Facebook icon to boost your page likes.
2.Twitter icon to increase your followers.
3.Google Plus+ to increase your circle count.
4.Linkedin icon to increase your followers.
5.Stumbleupon Icon to increase your website stumbles.
6.YouTube Icon to increase your subscribers as well as videos count.
7.Rss icon for increasing your subscribers of your blog.
8.Sprite images so the widgets loads fast.
9.SEO optimized added "Nofollow" tags

How To Add This Widget Into Blogger?


1.Go To Blogger.com -> Layout->
2.On the sidebar add a gadget
3.Add HTML/JavaScript
4.In that box paste this below code


<style>  .rr-mod.module-rightrail-social-widget{margin:0 0 10px 0 !important;}#rr-social-widget-chiclets div{width:32px;height:32px;display:inline-block;margin:0 4px 0 0;}#rr-social-widget-chiclets a{width:32px;height:32px;display:block;background:url(http://3.bp.blogspot.com/-xl5U9JSHLTM/UNxNmOxJ9qI/AAAAAAAAB6Q/cuSzXh2aD-M/s1600/rr-social-icons.png) no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:4/3), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#rr-social-widget-chiclets a{background-image:url(http://3.bp.blogspot.com/-xl5U9JSHLTM/UNxNmOxJ9qI/AAAAAAAAB6Q/cuSzXh2aD-M/s1600/rr-social-icons.png);background-size:248px 32px;}}#rr-social-widget-chiclets-facebook a{background-position:0 0;}#rr-social-widget-chiclets-twitter a{background-position:-36px 0;}#rr-social-widget-chiclets-googleplus a{background-position:-72px 0;}#rr-social-widget-chiclets-linkedin a{background-position:-108px 0;}#rr-social-widget-chiclets-stumbleupon a{background-position:-144px 0;}#rr-social-widget-chiclets-youtube a{background-position:-180px 0;}#rr-social-widget-chiclets-rss a{background-position:-216px 0;} </style> <div class="rr-mod module-rightrail-social-widget" id="module-rightrail-social-widget"> <div class="configuration-neighbor"> <div id="rr-social-widget-chiclets"> <div id="rr-social-widget-chiclets-facebook"><a href="FACEBOOK URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_facebook';"></a></div> <div id="rr-social-widget-chiclets-twitter"><a href="TWITTER URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_twitter';"></a></div>
<div id="rr-social-widget-chiclets-googleplus"><a href="GOOGLE+ URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_googleplus';"></a></div>
<div id="rr-social-widget-chiclets-linkedin"><a href="LINKEDIN URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_linkedin';"></a></div>
<div id="rr-social-widget-chiclets-stumbleupon"><a href="STUMBLEUPON URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_stumbleupon';"></a></div>
<div id="rr-social-widget-chiclets-youtube"><a href="YouTube URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_youtube';"></a></div>
<div id="rr-social-widget-chiclets-rss"><a href="RSS URL" rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_rss';"></a></div>
</div> </div> </div>

Customization in Above Code:


1.Replace FACEBOOK URL with your facebook page.
2.Replace TWITTER URL with your twitter link.
3.Replace GOOGLE+ URL with your google plus page.
4.Replace LINKEDIN URL with your linkedin page.
5.Replace STUMBLEUPON URLwith your stumbleupon page.
6.Replace YouTube URL with your youtube page.
7.Replace RSS URL with your rss link.


This is horizontal style social sharing widgets, we will post some new style sharing widgets in next post.

1 comment: