Thursday, 11 October 2012

How To Add Shareaholic Sassy Bookmarks Widget To Blogger

Posted by shakeel asghar at 09:33:00
I know how much you all like social bookmarking widgets especially unique widgets that can catch the eye of readers and get them bookmarking your blog. Today I have a very cool social bookmarking widget with a stylish animated effect. With the Sassy bookmarks widget a basic share button is placed in the corner of your blog, then on hover 6 icons for the main social bookmarking websites appear in a semicircle. The buttons that appear are for Pinterest, Google+, Facebook, Twitter, Tumblr and Email.











How To Add Shareaholic Sassy Bookmarks Widget To Blogger?

1. Log in to Blogger > Layout.
2. Click Add A Gadget and select 'HTML/Javascript'
3. Copy and Paste below code.

<!-- Start Shareaholic Sassy Bookmarks HTML - http://shakeelasghar.blogspot.com -->
<div class='shr_ss shr_publisher'>
</div>
<p style="display:none;">Add Shareaholic Sassy Bookmarks To Blogger by <a href="http://shakeelasghar.blogspot.com/">Beautiful Blogger Widgets</a></p>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type="text/javascript">
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5
e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_
color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>

<!-- End Shareaholic Sassy Bookmarks script -->
<!-- End Shareaholic Sassy Bookmarks HTML - http://shakeelasghar.blogspot.com -->



 4. Now save your template and you are done.

That's it the animated Sassy Bookmarks gadget is on your blog.
I hope you will like this widget.

Like Us.... Receive updates on your Facebook wall!!!!


If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you subscribe to my regular Email Updates. Subscribe Now!


Kindly Bookmark and Share it:

0 comments:

Have any question? Feel Free To Post Below:

Related Posts Plugin for WordPress, Blogger...
 

Author

My Photo
My Name is Shakeel Asghar. I am Computer Graphics Designer, Web Designer  from Lahore, Pakistan.

Popular Posts

Live Score

© 2011. All Rights Reserved | SHAKEEL ASGHAR |

Home | About | Top