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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNmKUsczNdxd56OAxozc618YsvcurfkwMA05mnTxvywwCx8mqxtrFXlJUBCZ5nDc4mhu-bROAKgldJQ4mqisc_NOystR8b9Z5R50Ixn8qZ4owpBi4lembGmfMNUzhlZQRK35_WW6dt6p0/h120/Facebook-Home.png"  title="Like Our Facebook Page" /></a>

    <a href="http://www.twitter.com/USERNAME" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNO_9RlEQNzzMOH8O3CRrLPEfyQObxYcHPW9acZm-V5ItSE1m4w-ymwY0ReVbs-ykhao-g8Kxhf6sHyBQUFUtR_ATfFi6gupPOnutaqCcgbMRc0OXSDa0fj5p28tw010UzV-tXZio9rMw/h120/Twitter-Home.png" title="Follow Our Updates On Twitter" /></a>

    <a href="G+ URL" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS6iw9_Poi8bRCqGxxTrdfSjxVux7LO1I-ejUkqw1ElL_QKCRpMn8dFDlhUhQXB-SiHEzoOeViYASdT2DGNeqJQ0NLSPxCVR9981Iy578esyVmTs7462N1m3BqcmVMIhDyPJf8S9xTUk4/h120/Google-Social-store.gif" title="Follow Us On Google+" /></a>

    <a href="http://www.feeds.feedburner.com/USERNAME" target="blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVc1C1FcaGWOLqH9eXQgK2oV20ODVIpbdC-6IapcXUxdrVQb4QevNDvzNVXeY0GAqAyRzymK_CbY2VDbVX5nQWIhgl_wUE-rbpL4sg5cQ9RTrnJuBc9EMWpudY26tq4_k1BmfGsJ-6LLw/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.

Share this

Related Posts

Previous
Next Post »