Stylish Social Media Sharing Buttons To Blogger

Hey ... This is a set cool stylish social media sharing buttons .. This is named as Touch Me Buttons .. Yeah ..

This is including with RSS Feed Button ,Google Plus Button Facebook Button and Twitter button ... Okey .. Let's we add it ..

See Demo :





You have to follow simple four steps to add this to your blogger blog ...


01.Goto Blogger Dashboard > Layout ...

02. Choose add a gadget...

03. Select Add HTML / Java Script ...

04. Copy the given Code and paste it without adding Titles ..

Code :



<style> /*--------WWWW.GadgetSack.blogspot.com ------*/ .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;"></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><!--www.gadgetsack.blogspot.com-->

Replace :

Now you have to replace followings with your information ..

  • "YOUR FACEBOOK LINK" With your or your Fan page's Facebook Username ..
  • "YOUR GOOGLE PROFILE LINK" with your Google + Id
  • "YOUR RSS LINK"with your Rss Feed address ..
  • "YOUR TWITTER LINK" with your twitter username ..

That's all ..Enjoy It ..

-------------------------------------------- END ----------------------------------------------

If you have any questions please ask them by commenting .. Share your success also with us .. Share this if it is Useful .. :)

Unknown

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

No comments:

Post a Comment