How to add Google+followers box in blogger

Google Followers box makes a blog more attractive.All bloggers like to add it on their blog. So these are the steps for add it.

• First open the site www.blogger.com.
• Then on the Dashboard.Open the Layout>Add Gadgets>Add html.OK
• Then add this code on the body of the box.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

      (function() {

        window.___gcfg = {'lang': 'en'};

        var po = document.createElement('script');

        po.type = 'text/javascript';

        po.async = true;

        po.src = 'https://apis.google.com/js/plusone.js';

        var s = document.getElementsByTagName('script')[0];

        s.parentNode.insertBefore(po, s);

      })();

    </script>

<style>

.wc-gplusmod, .wc-gplusmod:before, .wc-gplusmod:after

{

background: #ffffff;

border-radius: 5px 5px 0 0;

border: 1px solid #ccc;

box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);

}

.wc-gplusmod

{

position: relative;

width:250px;

padding: 1em;

margin: 50px auto;

}

.wc-gplusmod:before, .wc-gplusmod:after

{

content: "";

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 100%;

-webkit-transform: rotateZ(2.5deg);

-o-transform: rotate(2.5deg);

transform: rotateZ(2.5deg);

z-index: -1;

}

.wc-gplusmod:after

{

-webkit-transform: rotateZ(-2.5deg);

-o-transform: rotate(-2.5deg);

transform: rotateZ(-2.5deg);

}

</style>

<div class="wc-gplusmod"><div class="g-plus" data-action="followers" data-height="290" data-href="https://plus.google.com/115490142879457951931/posts?prsrc=2" data-source="blogger:blog:followers" data-width="290">

</div>

</div>

NOTE: Remove the https://plus.google.com/115490142879457951931/posts?prsrc=2  with your Google plus profile and then enjoy.