Cool Social Media Sharing Touch Me Widget

Cool Social Media Sharing Touch Me Widget
This cool widget calls "Touch Me". Its named such due to its appealing look that forces a visitor to roll hover the cursor over the icons and hit follow! :) This gadget is neatly structured using buttons from popular services like Google Plus, Facebook, Twitter and RSS.First see the demo

 DEMO:

Cool Social Media Sharing Touch Me Widget by Blogger Widgets





How To Add Cool Social Media Sharing Touch Me Widget To Blogger?

1. Go To Blogger Dashboard > Layout.
2. Choose "Add a Gadget".
3. Select HTML/JavaScript.
4. Copy and paste below code inside it:

<style> /*--------http://truebloggertricks.blogspot.in/ Touch Me Sharing Widget ------*/ .touchme a { display:block; height:50px; width:50px; padding:0 4px; float:left; background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat; -webkit-transition: ease-in 0.2s all; -moz-transition: ease-in 0.2s all; -o-transition: ease-in 0.2s all; -ms-transition: ease-in 0.2s all; transition: ease-in 0.2s all; cursor:pointer; } .touchme a.googleplus { background-position: 0px -58px; } .touchme a.googleplus:hover { background-position: 0px 0px; } .touchme a.twitter { background-position: 0px -290px; } .touchme a.twitter:hover { background-position: 0px -232px; } .touchme a.facebook { background-position: 0px -406px; } .touchme a.facebook:hover { background-position: 0px -348px; } .touchme a.rss { background-position: 0px -174px; } .touchme a.rss:hover { background-position: 0px -116px; } </style> <p style="display:none;">Cool Social Media Sharing Touch Me Widget by <a href="http://truebloggertricks.blogspot.in/2012/08/cool-social-media-sharing-touch-me.html">Blogger Widgets</a></p> <div class='touchme'> <!--RSS--> <a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a> <!--Google Plus--> <a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='nofollow' target='_blank'></a> <!--Facebook--> <a class='facebook' href="YOUR FACEBOOK LINK" rel='nofollow' target='_blank'></a> <!-- Twitter --> <a class='twitter' href="YOUR TWITTER LINK" rel='nofollow' target='_blank' ></a> </div>

Thats all!!

21 comments:

  1. Thank you so much for giving this opportunity. I found this imformation very useful. Thankyou once again
    http://download-sfotwere.blogspot.com

    ReplyDelete
  2. This is something really exciting.. this can definitely give a boost to traffic to blog and that too will be Google friendly.

    ReplyDelete
  3. thanks, bro-
    awaiting more on blogger

    ReplyDelete
  4. beautiful http://boollybuzz.blogspot.in/

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. Global Analytics shows that the every 1 out of 5 person using social media and hence it has become a powerful platform for bloggers as they do not have to worry about the audience for their blog so i think that social media widget is compulsory and your widget completely matches with high standard.

    ReplyDelete
  7. Sweet! Thanks very much for this, love the effects!

    http://handynettips.blogspot.co.uk/

    ReplyDelete
  8. and you click on them and they link to NOTHING

    ReplyDelete
  9. Thank u http://www.marketingfundas.net/

    ReplyDelete
  10. This comment has been removed by the author.

    ReplyDelete
  11. I followed the directions but I click an icon all it does in reload the page!

    ReplyDelete
  12. Thank you so much! This post is very usefull!

    ReplyDelete
  13. Watch All Latest Movies Online on ....http://wikiloader.blogspot.com/

    ReplyDelete
  14. Nice plugin thanks for the post.
    grap flati social media bookmarking plugin form here http://voidtricks.com/flati-social-share-plugin-jquery/

    ReplyDelete
  15. Awesome post...Nice Widget For All Bloggers.
    Get Adsense And SEO Tricks on www.powertricks4u.blogspot.in

    ReplyDelete
  16. Thanks for the widget. My friend suggested your site. I added your code, but customized it for me by removing FB button.
    I mentioned your site in my Post-
    http://anitaexplorer.blogspot.in/2014/03/blog-friendly-share.html
    Thanks!

    ReplyDelete
  17. There are many business who runs their business by SEO. This is a great information about the online marketing.
    SEO Singapore

    ReplyDelete
  18. thanks for the great trick ,it really help me in modify my blog
    check how beautifull my blog has become :http://menaveron.blogspot.com/

    ReplyDelete

Please don't spam. We hate spammers