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.
