How To Add Animated Google Plus Follower Box Widget In Blogger And website

Google Plus follower box is essential to increase your Googleebook fan bo fan like Facx. However Google has already introduced this widget for blogger. So I just modified the original traditional widget with little spice. 

So let's start

Go to Blogger

Selecet Layout

Click on "Add a Gadget" then
 select "HTML/JavaScript" Gadget.

Now Copy the below code and Paste it in "HTML/JavaScript" Gadget.


Live Demo

<style>
.bloggerspiceGplus{
    margin: 10px auto;
    background-color: #FEFEFE;
    width: 260px;
    padding: 10px 0 10px 10px;
    height: 255px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: 10px solid #E50913;
}
.bloggerspiceGplus:hover {
    border: 10px solid #A0060E;
    background-color: #E50913;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
// Google Plus Widget by www.thetricklab.blogspot.com //
</style>
<div class="bloggerspiceGplus">
<div class="g-plus" data-action="followers" data-height="290" data-href="https://plus.google.com/117382748404876103459" data-source="blogger:blog:followers" data-width="280"></div>
</div>

Alter 117382748404876103459 with your Google Plus ID