Header Ads

Beautiful social share buttons with jQuery for blogger



S
imply writing blog posts are no longer enough. You must ensure that your content is easily shareable across all the major social media networks. To make this easier,Social networking now accounts for 22% of all time spent online in the US.Many persons are using social media to promote there business, one social share can drive flood of traffic to your blogs.Adding social media buttons to blogger is not a big deal but if you will add eye catching social sharing buttons then it increase chance to get more share on your post.In this post I will give you "Beautiful social share buttons with jQuery.

How To Add This Widget To Blogger?
Step:1 
  • Go to blogger--->Template--->Edit HTML
  • Tick on expand widget template check box
  • CTRL+F to find </head> in your blogs HTML
  • Copy and paste below code just above/before </head>
  • Ignore red colored line if you have already in your blog
 <script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" href="http://makingdifferent.github.com/blogger-widgets/social-likes.css">
<script src="http://makingdifferent.github.com/blogger-widgets/social-likes.min.js"></script>
  • Save your template and jump to step2...
Step:2 
  • Fill the requered data in generator below,
  • Customize your settings to get auto generated code into textarea
  • Also you can see the live preview while customize settings 
  • Ones you have customized your setting and satisfied with how your widget looks and behaves just copy and paste the code anywhere into your blog.

Drop your comments and questions below... :)

No comments

Powered by Blogger.