Contact Us:

If You Have Any Problem, Wanna Help, Wanna Write Guest Post, Find Any Error Or Want To Give Us Feedback, Just Feel Free To Contact Us. We Will Reply You Soon.

Name: *

Email: *

Message: *


Download our app on Google Play Store

Wednesday, April 17, 2013

Share Your Posts And Add Beautiful Social Sharing Widget Below Every Post On Blogger

Share Your Posts And Add Beautiful Social Sharing Widget Below Every Post On Blogger
Recently I’ve shared a post about how to Add A StylishFloating Bar To Increase Number Of Subscriptions For Blogspot, which is worked very well on blogs as mine, it helped my readers to share my posts, because it follow the visitor any where he goes while browsing the blog, so today I would like to share with you one other sharing widget with three buttons, facebook/Twitter/Google +1 Like/Follow/+1, each button has a different background which it attract the visitor’s attention and make him take it easy and share your post. As you see on the image below, this widget contains each social network logo with their buttons below, it designed very well. all what you need to do for the installation is to add one sample code in your blog template, and that’s it, follow the steps below.
Read Also:


Share Your Posts And Add Beautiful Social Sharing Widget Below Every Post On Blogger


Quickly go to Blogger.ComDashboardTemplate.
Before making any changes to your blog make sure to Backup your Template.
Edit HTML → check the button to Expand Widget Templates.
Search for the below code using (Ctrl + F):
<div class='post-footer-line post-footer-line-1'/>
Once you found it copy and past the following code just below/after it:
<!--MyWay2Blogging.BlogSpot.Com Social Sharing Widget Code Start -->
<b:if cond='data:blog.pageType == "item"'>
<style>.promote_post_bg { height: 103px; background: url( 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='latesthack' href=''>Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);;js.src=&quot;//;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script> </div> <div class='promote_facebook'><iframe allowTransparency='true' expr:src='&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&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px;'/> </div> <div class='promote_google'> <script type='text/javascript'> (function () { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = ''; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> <g:plusone annotation="none" size='medium'></g:plusone> </div> </div></b:if>
<!-- MyWay2Blogging.BlogSpot.Com Social Sharing Widget Code End -->
Hit Save and take a look on your post. 

What Next?

That’s all dear readers, hope you like this widget, as soon as possible I’ll publish my next post, so stay in touch. You can embed a video if you want to comment below, and i'll reply on it as soon as i can. don't forget to share this post with your friends.
Have a nice day Bloggers.
Like the Post? Share with your Friends:-

Team SB
Posted By: Team SB
Comment Using

Comment Policy : We’re enthusiastic to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.


  1. Hey dear I receive your message on my facebook page. I want to inform you that I am agree to show your advertisement on my blog. Please tell me your offer.
    Blogger Tips Tricks

  2. Another nice post dude, keep writing !


  3. Nice post yr! I wish it was available for wordpress also! Can you make one? Coz I m on wordpress! :(


    1. Sorry dude it available on blogger, but you can search for wordpress widgets i'm sure there is awesome widgets.


  4. class='post-footer-line post-footer-line-1'/>
    not found it in my HTML but have
    class='post-footer-line post-footer-line-1'>

    the difference is " / "at the end

    What should I do? Thanks

    1. @Amber Rose: if you can't find this tag

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

      then try to add the code below this tag


    2. This is the tag:

      < data : post . body / >

      delete the space between it

    3. Same problem here.. I can't fine this code too :( what can i do?
      but i can fine this code

      class='post-footer-line post-footer-line-1'>

      help me

    4. You must find this one
      just delete the spaces between / and >

  5. Nice stuff indeed!

  6. Hi frnd. Your blog is really awesome..
    Take a look on me:

    Whould you like to exchange add??

  7. Thanks Great widget how to change width to fix it for my template latest games and software

  8. i add it under code class='post-footer-line post-footer-line-1'> but it didn't appear?!

  9. Custom Facebook pages are cheap Facebook fans now running on iFrames so you need to ensure that the template you purchased is compatible with the framework.

  10. Really nice post, i just learn a new tips

  11. Good Day I Am So Happy I Found Your Website, I
    Found You By Mistake, While I Was Searching On Aol For
    Something Else, Anyhow I Am Here Now And Would Just Like To Say Many Thanks For
    A Remarkable Post And An All Round Entertaining Blog
    I Don’t Have Time To Read It, All At The Moment But I Have BookMarked It
    And Also Added In Your RSS Feeds, So When I Have Time I Will Be Back To Read More,
    Please Do Keep Up The Fantastic Job. You can also check; ntfs_file_system


Download our app on Google Play Store

Contact Us


Email *

Message *

Copyright © . Skill Blogger . All Rights Reserved.
Designed by :- Way2themes