LATEST: We are offering PENTESTING and WEB DEVELOPMENT service with low price Learn More

6/30/2013

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://lh6.googleusercontent.com/-9b1MQlqxzgo/UaXlymp-9BI/AAAAAAAAAUs/NSyI4YX9D_U/h120/Facebook-48x48.png"  title="Like Our Facebook Page" /></a>

    <a href="http://www.twitter.com/USENAME" target="blank"><img src="https://lh6.googleusercontent.com/-aYxjSXBkg6Q/UaXlzKm8YGI/AAAAAAAAAVE/8RISDG-F2fs/h120/Twitter-48x48.png" title="Follow Our Updates On Twitter" /></a>

    <a href="G+ URL" target="blank"><img src="https://lh5.googleusercontent.com/-6qAKr8-0sSc/UaXlyk_Z0zI/AAAAAAAAAU0/GVtbZZqplo4/h120/Google-Plus-48x48.png" title="Follow Us On Google+" /></a>

    <a href="http://www.feeds.feedburner.com/USENAME" target="blank"><img src="https://lh6.googleusercontent.com/-awoQLdHO0Ow/UaXlyiPO7OI/AAAAAAAAAUw/b5T5_c3c2l4/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.

About Author:

Hi, Its me Aamir Khan, Owner of HACKING ARTICLES. I am an Ethical Hacker, Pro Blogger, addicted Web Developer and Security Researcher with experience in various aspects of Information Security. I am from Pakistan.Hacking is my passion and i wanna myself to be called as a LEGEND in this field.

Follow him @ Twitter | Facebook


0 comments:

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.