Seguidores Blogger, Twitter y Facebook – Flotantes con efecto deslizante (Editado)

-Estando conectados con la cuenta de Gmail asociada a nuestro blog.
-Ahí vemos que nuestro blog este seleccionado:

/* Seguidores Blogger */ .barrightblogger { background: url('http://3.bp.blogspot.com/-M5A-TLdB58E/TpOxL5GAReI/AAAAAAAAAN0/gEa0HRqhX4k/s1600/bl_cb.png');background-repeat: no-repeat; width:39px; height:159px; position:fixed; right:0px; top:50px; z-index:1000;}.barrightbloggerc { background: url('http://3.bp.blogspot.com/-gQ9PACjKc2I/TpOxMv4CyiI/AAAAAAAAAN8/FyEncEGNCbM/s1600/bl_cg.png');background-repeat: no-repeat; width:288px; height:345px; position:fixed; right:0px; top:50px; z-index:1100;}.barconteblogger {margin:12px 0 0 47px}/* Twitter */.barrighttwitter { background: url('http://2.bp.blogspot.com/--gRMUITrjwM/TpOxLpClllI/AAAAAAAAANs/l88iteOo244/s1600/tw_cb.png');background-repeat: no-repeat; width:39px; height:159px; position:fixed; right:0px; top:210px; z-index:1000;}.barrighttwitterc { background: url('http://2.bp.blogspot.com/-B97DZMK7wus/TpOxNSwRhPI/AAAAAAAAAOU/A-RjcC6WYjk/s1600/tw_ag.png');background-repeat: no-repeat; width:288px; height:345px; position:fixed; right:0px; top:120px; z-index:1100;}.barcontetwitter {margin:0 0 0 47px} /* Facebook */.barrightfacebook { background: url('http://3.bp.blogspot.com/-3xq-Se4UF9w/TpOxNLDMYmI/AAAAAAAAAOM/yaPj4IUjnQ0/s1600/fb_cb.png');background-repeat: no-repeat; width:39px; height:159px; position:fixed; right:0px; top:370px; z-index:1000;}.barrightfacebookc { background: url('http://2.bp.blogspot.com/-Cum28YwF4d8/TpOxM_lUKMI/AAAAAAAAAOE/L4pJ91PTVz4/s1600/fb_bg.png');background-repeat: no-repeat; width:288px; height:345px; position:fixed; right:0px; top:185px; z-index:1100;}.barcontefacebook {margin:12px 0 0 47px}

<!-- SEGUIDORES BLOGGER -->
 <div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'"><div class="barconteblogger">
 <!-- Include the Google Friend Connect javascript library. -->
 <script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
 <!-- Define the div tag where the gadget will be inserted. -->
 <div id="div-3082905992843096175" style="width:240px;border:0px solid #ffffff;"></div>
 <!-- Render the gadget into a div. -->
 <script type="text/javascript">
 var skin = {};
 skin['BORDER_COLOR'] = '#ffffff';
 skin['ENDCAP_BG_COLOR'] = '#e0ecff';
 skin['ENDCAP_TEXT_COLOR'] = '#333333';
 skin['ENDCAP_LINK_COLOR'] = '#0000cc';
 skin['ALTERNATE_BG_COLOR'] = '#ffffff';
 skin['CONTENT_BG_COLOR'] = '#ffffff';
 skin['CONTENT_LINK_COLOR'] = '#0000cc';
 skin['CONTENT_TEXT_COLOR'] = '#333333';
 skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
 skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
 skin['CONTENT_HEADLINE_COLOR'] = '#333333';
 skin['NUMBER_ROWS'] = '6';
 google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
 google.friendconnect.container.renderMembersGadget(
 { id: 'div-3082905992843096175',
 site: '00286525615627339881' },
 skin);
 </script>
 </div></div>
 <!-- FIN SEGUIDORES BLOGGER -->
 <!-- TWITTER -->
 <div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'"><div class="barcontetwitter">
 <script src="http://widgets.twimg.com/j/2/widget.js"></script>
 <script>
 new TWTR.Widget({
 version: 2,
 type: 'profile',
 rpp: 3,
 interval: 30000,
 width: 240,
 height: 250,
 theme: {
 shell: {
 background: '#33ccff',
 color: '#ffffff'
 },
 tweets: {
 background: '#ffffff',
 color: '#333333',
 links: '#33ccff'
 }
 },
 features: {
 scrollbar: true,
 loop: false,
 live: true,
 hashtags: true,
 timestamp: true,
 avatars: true,
 behavior: 'all'
 }
 }).render().setUser('Miguel_Lp').start();
 </script>
 </div></div>
 <!-- FIN TWITTER -->
 <!-- FACEBOOK -->
 <div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'"><div class="barcontefacebook">
 <iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/miltrucosblogger&amp;width=240&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=false&amp;height=320" style="border: none; height: 320px; overflow: hidden; width: 240px;background: #fff;"></iframe>
 </div></div>
 <!-- FIN FACEBOOK --><!-- FIN By: Miguel_Lp. http://www.miltrucosblogger.info -->

Para Blogger: La ID que antes copiamos y guardamos: 00286525615627339881

Para Twitter: El nombre de la cuenta: Miguel_Lp
                         La cantidad de comentarios: rpp: 3

Para facebook: La página: http://www.facebook.com/miltrucosblogger

Con Vista previa vemos que todo este bien y Guardamos.