Add Mashable Like "Drag To Share" To Blogger Blogs


Log in to Blogger, go to Layout -> Edit HTML

Now find this code:

And immediately BEFORE/ABOVE it, paste this code:

<!--DRAG-TO-SHARE-STARTS--><link charset='utf-8' href='' media='screen' rel='stylesheet' type='text/css'/><script charset='utf-8' src='' type='text/javascript'/><!--[if lte IE 6]><script src="" type="text/javascript" charset="utf-8"/><![endif]--><script charset='utf-8' src='' type='text/javascript'/><!--DRAG-TO-SHARE-STOPS->

Now find this code in the template:


And immediately ABOVE/BEFORE it, paste this code:

<!--DRAG-TO-SHARE-STARTS--><script charset='utf-8' type='text/javascript'>$.prettySociable();</script><!--DRAG-TO-SHARE-STOPS-->
Now click Save Template


IMPORTANT: Now whenever you want to apply this hack to any of your images/hyperlinks (links), then add a rel="prettysociable" attribute to the "a" tag. (You can edit your previous posts to add this attribute to your images).

For example, a link (hyperlink) with this hack will look like this:

<a href="" rel="prettysociable">Link To Google</a>

and a linked image with this hack will look like this:

<a href="" rel="prettysociable"><img src="" /></a>



Post a Comment