Add Touch Me Social Share Media For Blogger

touch me social sharing widget for blogger

Today lets' track new widget for your blog. It is a Touch Me Social Media Sharing widget for your bloggers blog. Its named Touch Me because it appeals the visitors to touch it continuously, as you can see in the demo it's a fun to play with it using your mouse. Beside entertaining your blogs visitors it also acts as a social media sharing widget for your blog, helps you in increasing your fan following in the social networking sites.

How To Apply

■ Open Blogger Dashboard
■ Open Layout
■ Open Add Gadget
■ Open Add Html/Javascript Editor

Now copy paste below given code in the editor.

HTML & CSS
<style>
.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>
<div class='touchme'>
<a class='rss' href="Your Rss Link" rel='external nofollow' target='_blank'></a>
<a class='googleplus' href="Your Google Plus Link" rel='nofollow' target='_blank'></a>
<a class='facebook' href="Your Facebook Url" rel='nofollow' target='_blank'></a>
<a class='twitter' href="Your Twitter Url" rel='nofollow' target='_blank' ></a> </div>