How To Add Sliding Google+ Followers Box To Blogger

Go to Blogger > Layout > Add Gadget > HTML/JavaScript.
Paste the following code in it. Change with your Google+ url.

<script src="" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {$(".gplusbox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-330"}, "medium");}, 500);});
<style type="text/css">
background: url("") no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 275px;
padding: 0 0px 0 46px;
width: 325px;
z-index: 99999;
.gplusbox div{
padding: 8px;
background: white;
border: 2px solid #D64937;
border-radius: 15px;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
<div class="gplusbox"><div>
<div class="g-plus" data-action="followers" data-height="300" data-href="" data-source="blogger:blog:followers" data-width="320">
<script type="text/javascript">

      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = '';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);