Box Sharing Buttons Below Every Post For Blogger

This is another social tweet, like and share widget for blogger. This widget is placed below every post. This widget looks good for its position.This widget is boxed Faceook, Twitter and Google+ icons and in the center the like,tweet and share buttons are placed. This widget will make your blog spread more. So have it in your blog.

Steps To Add This Box Sharing Buttons To Blogger

• Go to your Dashboard.
•  Go to Templates.
• Click on Edit Html >>Expand the Widgets.
• Find for the below code.

<div class='post-footer-line post-footer-line-1'/>

• Just above it paste the below code.

<b:if cond='data:blog.pageType == "item"'> <style> .promote_post_bg { height: 103px; background: url(http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzsharingbuttons.png) 0 -7px no-repeat;     width: 500px; margin-left: 65px; } .promote_twitter { width: 130px; height: 38px; float: left; margin: 0 39px 0 0; padding: 65px 0 0 13px; text-align: center; } .promote_facebook { width: 115px; height: 40px; float: left; margin: 0 39px 0 0; padding: 63px 0 0 28px; text-align: center; } .promote_google { width: 65px; height: 40px; float: left; margin: 0 39px 0 0; padding: 65px 0 0 28px; text-align: center; } </style> <div class='promote_post_bg'> <div class='promote_twitter'> <a class='twitter-share-button' data-via='BlogToolz'href='https://twitter.com/share'>Tweet</a> <script> ! function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs"); </script> </div> <div class='promote_facebook'> <fb:like expr:href="data:post.canonicalUrl" layout='button_count' send='false' show_faces='false' font="verdana" action="like" colorscheme="light"></fb:like> <div> <b:if cond='data:post.isFirstPost'> <script> (function (d) { var js, id = 'facebook-jssdk'; if (d.getElementById(id)) { return; } js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(document)); </script> </b:if> </div> </div> <div class='promote_google'> <g:plusone annotation="none" size='medium'></g:plusone> <script type='text/javascript'> (function () { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div> </div> </b:if>

Now, Save the Template.

It,s Done.

Categories: Blogger Widgets , Social Media Gadgets