Add Social Media Like Buttons With Rotator Effect To Blogger -V1

Yesterday we shared a post about POPOUT SOCIAL LIKE BUTTONS and Today i am again with another intresting widget for you prople.Its a social media likes button with amaizing rotator effect.These buttons are visitor eye catching and will also help to increase social likes and followers.
So follow simple procedure and you are done.After adding this widget, it will look like image below:

Also Read: Add Adsense Beside Social Sharing Widget In Blogger

How to add this widget? Lets Start.......

Goto blogger DASHBOARD
Now clock on LAYOUT
Then click on Add a Gadget
Now a window will open, in this window select HTML/JAVASCRIPT
Again a new window will open, In this window paste the below code.

<style>

#PTT img {
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
#PTT img:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
</style>

<center><p id="PTT">
    <a href="https://facebook.com/USENAME" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7o-uWkKxUm_9RudvHSBWnZ__XPBRdek4jToRhgF0yfF6hjLM_mAngHZa0VLuEYekiAKN_RBnikTWnOWX6nKk5wnug_wVyNBvXx8hCWk-FwhZ1Rql1jlWwpFHHPWYH_0CSgtSA1eiJ6EI/h120/Facebook-48x48.png" title="Like Our Facebook Page" /></a>

    <a href="http://www.twitter.com/USENAME" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKUSRowB4WBxwJqD8_ie2t9eDLottIJ_rBqfH_y4XjLwmLsLBoBu51rOSXAuto1KoDuSOMSX_-0-bnbUHWrCNIQBMkI4ednMmeDyHhV7l7OcV6okvdndAwIeLfRbjGNjJbTHlQ71xVJ4A/h120/Twitter-48x48.png" title="Follow Our Updates On Twitter" /></a>

    <a href="G+ URL" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWaSyqszzrx3Qc9ZAQq7Z4gRGWq8l6CNuHQM2idHtpYPK8qzLLKkLzotPTFsqfFytPkROyW8ZCrnHgWCgJkEHvce_dWGjM5PM3QV058yk4v3r_73Uon_1oB49072G34iSnakHYkv-p6dY/h120/Google-Plus-48x48.png" title="Follow Us On Google+" /></a>

    <a href="http://www.feeds.feedburner.com/USENAME" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg54KvptJ8KT-fSX-lvYduf9oZnZ8vuTbW7RPdp5KCPRRlXVGqer_Z1utjLPosRtWh0_4JU3i8IxpPsjMcAd2S9k2AqfWW0rXcGDmBMzOJwQkMu7co4KkA31FHEY2AgIVWtMIPQbaA5qF8/h120/RSS-48x48.png" title="Grab Our Rss Feed" /></a>
    <a href="http://hacking-articles.blogspot.com"><font color="white">?</font></a>
</p></center>

Now replace USERNAME and G+ USERNAME in the above code with your desire user name and save that widget.
Reload your blog and see the changes.

NOTE: CLICK HERE for a recent version of this Widget.