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: *


Skillblogger

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:

TAKE A LOOK ON THE SOCIAL SHARING WIDGET PREVIEW:

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

HOW TO ADD IT TO 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(http://2.bp.blogspot.com/-Nq-msISGJ2w/T_XXNbKwE3I/AAAAAAAAB1g/cfD9cj-Vd44/s1600/sharing-widget.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='latesthack' 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=&quot;//platform.twitter.com/widgets.js&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;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&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 = 'https://apis.google.com/js/plusone.js'; 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.

23 comments :

  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

    ReplyDelete
  2. Another nice post dude, keep writing !


    Regards,
    Bishnu
    www.PokharaTech.com

    ReplyDelete
    Replies
    1. Thank you bishnu your blog awesome too.

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

    Regards,
    MyPremiumTricks

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

      Greetings

      Delete
  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

    ReplyDelete
    Replies
    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



      Greetings.

      Delete
    2. This is the tag:

      < data : post . body / >

      delete the space between it

      Delete
    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

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

      Delete
  5. Hi frnd. Your blog is really awesome..
    Take a look on me: bybitz.blogspot.com

    Whould you like to exchange add??

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

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

    ReplyDelete
  8. 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.

    ReplyDelete
  9. Really nice post, i just learn a new tips

    ReplyDelete
  10. 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

    ReplyDelete

Download our app on Google Play Store

Contact Us

Name

Email *

Message *

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