Monday, 4 June 2012

Round Social Media Subscription Buttons For Blogger



I already gave you so many social media subscriptions widget but this one is really different.This buttons are looking beautiful,In all my other buttons I was using lot of Css effect but this button is purely made with html,Only i use little css to fix button and add mouse over effect.

To Add This Button just simple copy and paste the code.


Installing


  • Go To Blogger Dashboard.
  • Click on Layout.
  • Add Gadget.
  • Select Html/Javascript
  • Copy Below Code And Paste it There.

<style>
#social {
margin: 15px 0 5px -15px;
width: 300px;
height: 40px;
text-align: center;
}
#social img {
margin-left: 3px;
margin-right: 3px;
}
#social img:hover {
opacity: 0.6;
}
</style>
<div id='social'>
<a href='#'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWB7iyUNIec7CnTZQ3nsxobmweCnZ4od4ad5bbMs7Gc0Py0neQmKvaIiceRwU3wTgXO75n35laRKa0G0txwgmPixYY2LJ9kmQE1YVANror1Uilg4UjX4ukHwBgMght2eitwkG7sXrpMeT8/s1600/twitter.png' title='Twitter'/></a>
<a href='#'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXl_MnvX8wn2x-YxHvXwg8F8FwHYr9Uk6ZsVPX6I7CfUZ715ZdX7L_OExGxZgBUuksDCXlWliZlw7LGp82Ms_I3lWqgKVdxD8EApkNrKWR8MKBDIXy7BbjvZcZVvSid78sVz51xorFwTtm/s1600/rss.png' title='RSS'/></a>
<a href='#'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhjtEhb-bpZCNGpge2e5-Uj1OeKVykD9eOPVXPO2N-8TZ7Tk94N5ymEVzIDWjABez_iwNwDxJiPkn7QHB_rYFgXC984yilLGky82fBcdBpeH7zlc1bCDMA9kLiBmoWiHLRiCQlPtpS57zz/s1600/facebook.png' title='Facebook'/></a>
<a href='#'><img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicSHj0KH06x_UKXJGf6dZrBQn24dNJ99yMzkQvkEzWDblvpezRW2GLfmuehZW-pUxhuXxJ_0nepXhnD7HsYuNrmF2M1GJyJ2Kd2mIYlwexNmhelFPXQy3Xwt0S-c1u33gUgCJ8DfO7YoJv/s1600/google%252B.png' title='Google Plus'/></a>
<a href='#'><img alt='Youtube' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiowifKZsa4TLqYadrTHN84smvaeB1B21r0V8xvNIYubaR5F8IbloWxiRl8tWjfVXHAUA2jQu9P90KkGIY-pe_9K_T31eTsDJdaouZfOskkS_lezgQzFJNhKyQb6NkLfipPfOXxx3U_HHBb/s1600/you_tube.png' title='Youtube'/></a>

</div>

Replace # which i highlighted with red color with yor social link. 


Now Save it And Enjoy!!!!


Comment is best way to say thanks!

0 comments:

Post a Comment