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.
>> Then Press Ctrl + F to get the search bar and search for the below code.
>> Got it..Now place the below code just before <data:post.body/>
>> 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 .
OK so enough chatting lets get Going.
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.
>> .Now when you are done Search for this Code <data:post.body/><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
>> Got it..Now place the below code just before <data:post.body/>
<b:if cond='data:blog.pageType == "item"'> <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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' 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='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + 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/>
>> 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.
No comments:
Post a Comment