Skip to main content

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

10 Free Android Apps and Games you should use/play

Welcome guys, here we have 10 free android apps and games you might like.


Google Pixel 2 and Pixel 2 XL Announced, Price and Availability In India, US and more

Google Launched it's duo Pixel 2 and Pixel 2 XL in a event on 4th of October. The event was dynamic and included more announcement that just Pixel 2 smartphones which we will see later in this article.  




Google Pixel 2 and Pixel 2 XL pack the same specs except the display. The Google Pixel 2 sports a 1080p 5-inch AMOLED display on the other hand Pixel 2 XL sports a big 1440p 6-inch P-OLED DISPLAY. Both the 2017 Pixel smartphones are powered by Qualcomm Snapdragon 835 processor, coupled with 4GB of RAM.   

The first generation Pixel and Pixel XL device got 89 rating for it's camera from DXO Mark and this year the 2017 Pixel 2 and Pixel 2 XL got 98 DXO Mark. The duo feature a 12.2MP rear camera, f/1.8 aperture, Dual-LED flash and can shoot 4K videos, they have both OIS and EIS for stabilization. Yes, the pixel does not have a dual camera, Google is using a technology, in layman language, the an image will be from two angles which will give depth perception. 


With AI and ML Google h…

How to add Guest Book Widget For Blogger and Websites

Get Guest Book
All the website holders want to keep the visitors visit again and again. I have solution for that Copy the codes below and paste it where you want to paste it in your site and it acts as a Chat box for them with emoticons .
Steps to Add this widget to Your Blogger 1) Open Dashboard 2) Then Click LAYOUT 3) Click add Gadget >> HTML/Javascript 4) Copy the codes and Click Save 
DEMO

<script src="//www.gmodules.com/ig/ifr?url=http://scripts.tropicalpcsolutions.com/php/gadgets/guestbook/guestbook.xml&synd=open&w=285&h=240&title=Your+Title+Here&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>