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 -V2 new

Yesterday we shared a 1st version of this widget and Today i am again with 2nd version of this intresting widget.Its a social media likes button with amaizing rotator effect.Theae 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: Show Meta Description Only On Home Page

How to add this widget? Lets Start.

1) Goto blogger DASHBOARD
2) Now clock on LAYOUT
3) Then click on Add a Gadget
4) Now a window will open, in this window select HTML/JAVASCRIPT
5) Again a new window will open, In this window paste the below code.
<style>
#PTTHOME 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;
}
#PTTHOME 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="PTTHOME">
    <a href="http://facebook.com/USERNAME" target="blank"><img src="https://lh3.googleusercontent.com/-_36zfJkSOQM/UaDTzAQacFI/AAAAAAAAARM/2LEyBSzD9hU/h120/Facebook-Home.png"  title="Like Our Facebook Page" /></a>

    <a href="http://www.twitter.com/USERNAME" target="blank"><img src="https://lh6.googleusercontent.com/-lywaejUyXXc/UaDTzpYjW5I/AAAAAAAAARc/Sd58USmLJ10/h120/Twitter-Home.png" title="Follow Our Updates On Twitter" /></a>

    <a href="G+ URL" target="blank"><img src="https://lh4.googleusercontent.com/-neMd3wG1lKI/UaDTzBPLp1I/AAAAAAAAARI/T2hREOqinMU/h120/Google-Social-store.gif" title="Follow Us On Google+" /></a>

    <a href="http://www.feeds.feedburner.com/USERNAME" target="blank"><img src="https://lh3.googleusercontent.com/-9DKYV5K0AXY/UaDTzGwStuI/AAAAAAAAARE/0dfUm4D8pGE/h120/RSS-Home.png" title="Grab Our Rss Feed" /></a>
    <a href="http://hacking-articles.blogspot.com"><font color="white">?</font></a>
</p></center>
6) Now replace USERNAME ang G+ USERNAME with your desire user name and save that widget.
7) Reload your blog and see the changes.


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


1 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.