How to Add Rotating Social Share Widget To Blogger, Wordpress and Websites

Guyz we know that every Blogger needs to share his post to socially. You don't have to worry about it, I have a solution for that. Just follow the steps and be happy.

Steps For Blogger:

1) Login to your BLOGGER account.
2) Go to Layout.
3) Click on Add Gadget.
4) Click on HTML/JAVASCRIPT.
5) Now Paste the Code in it and click save.

CSS

<style> body { padding: 0; margin: 0; background: #42FF52; color: #fff; font-family: 'Doppio One', sans-serif; text-shadow: 0 1px 0 rgba(0,0,0,.3); line-height: 1.5; -webkit-font-smoothing: antialiased; } .wrapper { width: 50%; margin: 0 auto; } h1, h2, h3, h4, h5, h6 { letter-spacing: -0.03em; font-size: 2em; } a { border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.7); padding-bottom: 0.15em; position: relative; color: white; text-decoration: none; } a:after { content: ''; position: absolute; height: 1px; left: 0; right: 0; bottom: -2px; background: rgba(0,0,0,.1); } a:hover { color: #C0E3EC; } h1 { margin: 0.667em 0 0; padding-left: 0.5em; text-align: left; } h2 { font-size: 1.5em; } img { z-index: 1; -webkit-transition: -webkit-transform 2s ease-in-out; -moz-transition: -moz-transform 2s ease-in-out; -o-transition: -o-transform 2s ease-in-out; -ms-transition: -ms-transform 2s ease-in-out; transition: transform 2s ease-in-out; position: relative; } img:active { -webkit-transform: rotate(1440deg) scale(1.2); -moz-transform: rotate(1440deg) scale(1.2); -o-transform: rotate(1440deg) scale(1.2); -ms-transform: rotate(1440deg) scale(1.2); transform: rotate(1440deg) scale(1.2); } </style>

HTML

<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<center>
<strong>Know us</strong> <em>Socially</em>
<br /><br /><br /><br />
<a href='http://www.facebook.com/sharer.php?u=http://www.grabitin.blogspot.in' title='Like us on facebook'><img src='https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/facebook.png' width='58' height='58'></a> &nbsp; <a href='http://twitter.com/share?url=http://www.grabitin.blogspot.in&amp;text=Follow%20Us' title='Follow us on Twitter'><img src='https://cdn1.iconfinder.com/data/icons/plex-for-android/72/twitter.png' width='58' height='58'></a> &nbsp; <a href='https://plus.google.com/share?url=http://www.grabitin.blogspot.in' title='Circle us on Google+'><img src='https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/google_plus.png' width='58' height='58'></a> &nbsp; <a href='' title='Subscribe To Our Channel'><img src='https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/youtube.png' width='50' height='58'></a> &nbsp; <a href="javascript:window.print()" rel="nofollow"><img src="https://cdn2.iconfinder.com/data/icons/betelgeuse/96/224278-printer-128.png" width='58' height='58' /></a> &nbsp; <a href='' title='Grabitin Your Site'><img src='http://2.bp.blogspot.com/-6zZRFkGozCg/Ul6mHeHutfI/AAAAAAAAAOs/ERiW2i3WCcc/s1600/grabitin+box2.png' width='60' height='60'></a>
</center>


Know us Socially



         

Comments

Popular posts from this blog

How to add Guest Book Widget For Blogger and Websites

Nokia 9 Images Leak and We See Something Satisfying

Cool Android Setups #1