Social sharing widgets are the way to make your content live.They provide great opportunity for readers to share the content that's worth it.Today in this post you will learn how you can get a simple but good looking Social sharing widget for your blog.The reason why these widgets are essential is because they provide a great chance to incline your audience and introducing your content in front of new readers. 

OK so enough chatting lets get Going.

social-sharing-widget-blogger

Social Sharing Widget For Your Blog :-

>>  Login to your Blogger Dashboard and get to the Template section of your blog and click edit Template.

>> Then Press Ctrl + F to get the search bar and search for the below code.

></Head>

>>  Found it..Now place the below JavaScript code mentioned below just before </Head> tag.

 <script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>

 >> .Now when you are done Search for this Code <data:post.body/>

>>  Got it..Now place the below code just before <data:post.body/>

 <b:if cond='data:blog.pageType == &quot;item&quot;'>    <div style='box-shadow:0px 0px 1px 2px #000;' id="UT-social-share">        <table align='center' border='0'>            <tr>                <td>                    <a class='twitter-share-button' data-count='horizontal' data-lang='en' data-via='eliteblogpress' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/>                    <b:if cond='data:post.isFirstPost'>                    <script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script></b:if>                </td>                <td>                    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:20px; width:100px; height:20px;'/>                </td>                <td>                    <div style='margin-right:25px;'>                        <script expr:src='&quot;http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=&quot; + data:post.url'/>                    </div>                </td>                <td>                    <div style='margin-right:5px;'><g:plusone expr:href='data:post.url' size='medium'/>                    </div>                </td>            </tr>        </table>    </div></b:if><br/>

>> Replace twitter username with your's if you don't have one keep it blank.

>> Now save your template and check out your blog with the new Social sharing widget .


Customization : -

1.If you want to make the widget appear on every post including your homepage then all you need to do is just remove the red highlighted code and the widget will appear on your homepage too.

  Share your Views :-

And that's all it takes to get the widget. If you are having any problems with this widget then fell free to comment and contact.Meanwhile if it worked for you so do consider sharing it.

Was the content worth a share?

No comments:

Post a Comment

Translate

Follow via: