Actualización:

Hace unos pocos minutos he hecho un video para auto-explicar esta entrada nwn

¿Quien no ha buscado en infinitas webs para colocar este gadget en en su plantilla clásica que no dispone para añadir gadgets (Sobre todo las de BlogSkins.. SPAM SPAM SPAM xDDDD) y que haya cerrado JUSTAMENTE Google Friend Connect y no puedas hacer nada? *levanta la mano* <3   
¡Pues hoy llegó la solución!
Hoy os voy a enseñar como poner el dichoso gadget de Seguidores después de que la página de Google Friend Connect haya cerrado >w<...(y personalizarlo, que es lo más importante <3) Como dice el título, lo puedes utilizar tanto en una plantilla clásica como en las nuevas plantillas de Blogger. Para las personas que aún no comprendan muy bien, os lo enseñaré paso por paso muy lentamente para que podáis ver y lo puedan hacer para sus bloggus <3
AVISO: El gadget sólo funciona en la url del blog de Blogger en la que hayas utilizado en el paso 4. En resumen, que el gadget de seguidores es único para el blog que utilicen. No podrás utilizar el mismo código que saques aqui en otra url diferente, porque te dará error... (ya me ha pasado xDDDD)
Bueno, empezemos!  1. Utiliza esta plantilla para guiarte, es la que anteriormente Google Friend Connect tenia cuando estaba activa <3 Copiala y pegala en la Notepad :3    
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"/>
<!---CAMBIA O SUSTITUYE ESTE TROZO EN EL PASO 4--->
<div-id="div-1234567890123456789" style="border: 1px solid #000000;"></div>
<script type="text/javascript">
var skin = {}; skin['BORDER_COLOR'] = '#CCCCCC'; ... ... ... </script>
<!---CAMBIA O SUSTITUYE ESTE TROZO EN EL PASO 4--->
2. Guarda el código de tu plantilla clásica actual en una Notepad antes de realizar este paso. Actualiza la plantilla a las nuevas plantillas de Blogger.
3. Si tienes añadido el gadget de Seguidores, omite este paso. Añade en el apartado Diseño --> Añadir un Gadget --> Seguidores --> Guardar. 
Guarda todos los cambios y clica en Ver Blog.
Si está añadido correctamente, aparecerá el gadget de Seguidores en tu blog.
4. Activa el código fuente en tu navegador. Pulsa Ctrl + U <3 Te saldra una ventanica asi~ 
Pulsa Ctrl + F y en el cuadrito de búsqueda escribe: <div id='Followers1-wrapper'>
Se te resaltará el código que tienes que cambiar o sustituir en la plantilla. En mi caso es así:

<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<script type="text/javascript">
        if (!window.google || !google.friendconnect) {
          document.write('<script type="text/javascript"' +
              'src="http://www.google.com/friendconnect/script/friendconnect.js">' +
              '</scr' + 'ipt>');
        }
      </script>
<script type="text/javascript">
      if (!window.registeredBloggerCallbacks) {
        window.registeredBloggerCallbacks = true;

        

        
        gadgets.rpc.register('requestReload', function() {
          document.location.reload();
        });

        
        gadgets.rpc.register('requestSignOut', function(siteId) {
          
          google.friendconnect.container.openSocialSiteId = siteId;
          google.friendconnect.requestSignOut();
        });
      }
    </script>
<script type="text/javascript">
    
    function registerGetBlogUrls() {
      gadgets.rpc.register('getBlogUrls', function() {
        var holder = {};
        
          
          
          
            holder.postFeed = "http://www.blogger.com/feeds/8582994738601974537/posts/default";
          
          
          
            holder.commentFeed = "http://www.blogger.com/feeds/8582994738601974537/comments/default";
          
          holder.currentBlogUrl = "http://404myheartdoesnotfound.blogspot.com/";
          holder.currentBlogId = "8582994738601974537";
        
        return holder;
      });
    }
  </script>
<script type="text/javascript">
  if (!window.registeredCommonBloggerCallbacks) {
    window.registeredCommonBloggerCallbacks = true;

    gadgets.rpc.register('resize_iframe', function(height) {
      var el = document.getElementById(this['f']);
      if (el) {
        el.style.height = height + 'px';
      }
    });

    
    gadgets.rpc.register('set_pref', function() {});

    registerGetBlogUrls();
  }
  </script>
<div id="div-tswaaihc3oms" style="width: 100%; "></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "Seguidores";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#666666";
    skin['ENDCAP_LINK_COLOR'] = "#2288bb";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
    
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#2288bb";
    skin['CONTENT_TEXT_COLOR'] = "#666666";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#2288bb";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#999999";
    skin['CONTENT_HEADLINE_COLOR'] = "#000000";
    skin['FONT_FACE'] = "normal normal 12px \x27Trebuchet MS\x27, Trebuchet, Verdana, sans-serif";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-tswaaihc3oms",
     height: 260,
    site: "10572790655949675311",
     locale: 'es' },
     skin);
  </script>
******************** IMPORTANTE:
Copia desde la 3º línea donde dice: <script type="text/javascript"> hasta: skin); </script> ********************
5. Cambia de la plantilla lo remarcado en verde con el código que has conseguido en el anterior paso, de tal modo de que quede asi: [Lo verde es lo ya cambiado]

<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"/><script type="text/javascript"> if (!window.google || !google.friendconnect) { document.write('<script type="text/javascript"' + 'src="http://www.google.com/friendconnect/script/friendconnect.js">' + '</scr' + 'ipt>'); } </script> <script type="text/javascript"> if (!window.registeredBloggerCallbacks) { window.registeredBloggerCallbacks = true; gadgets.rpc.register('requestReload', function() { document.location.reload(); }); gadgets.rpc.register('requestSignOut', function(siteId) { google.friendconnect.container.openSocialSiteId = siteId; google.friendconnect.requestSignOut(); }); } </script> <script type="text/javascript"> function registerGetBlogUrls() { gadgets.rpc.register('getBlogUrls', function() { var holder = {}; holder.postFeed = "http://www.blogger.com/feeds/8582994738601974537/posts/default"; holder.commentFeed = "http://www.blogger.com/feeds/8582994738601974537/comments/default"; holder.currentBlogUrl = "http://404myheartdoesnotfound.blogspot.com/"; holder.currentBlogId = "8582994738601974537"; return holder; }); } </script> <script type="text/javascript"> if (!window.registeredCommonBloggerCallbacks) { window.registeredCommonBloggerCallbacks = true; gadgets.rpc.register('resize_iframe', function(height) { var el = document.getElementById(this['f']); if (el) { el.style.height = height + 'px'; } }); gadgets.rpc.register('set_pref', function() {}); registerGetBlogUrls(); } </script> if (!window.google || !google.friendconnect) { document.write('<script type="text/javascript"' + 'src="http://www.google.com/friendconnect/script/friendconnect.js">' + '</scr' + 'ipt>'); } </script><script type="text/javascript"> if (!window.registeredBloggerCallbacks) { window.registeredBloggerCallbacks = true; gadgets.rpc.register('requestReload', function() { document.location.reload(); }); gadgets.rpc.register('requestSignOut', function(siteId) { google.friendconnect.container.openSocialSiteId = siteId; google.friendconnect.requestSignOut(); }); } </script><script type="text/javascript"> function registerGetBlogUrls() { gadgets.rpc.register('getBlogUrls', function() { var holder = {}; holder.postFeed = "http://www.blogger.com/feeds/8582994738601974537/posts/default"; holder.commentFeed = "http://www.blogger.com/feeds/8582994738601974537/comments/default"; holder.currentBlogUrl = "http://404myheartdoesnotfound.blogspot.com/"; holder.currentBlogId = "8582994738601974537"; return holder; }); } </script><script type="text/javascript"> if (!window.registeredCommonBloggerCallbacks) { window.registeredCommonBloggerCallbacks = true; gadgets.rpc.register('resize_iframe', function(height) { var el = document.getElementById(this['f']); if (el) { el.style.height = height + 'px'; } }); gadgets.rpc.register('set_pref', function() {}); registerGetBlogUrls(); } </script> <script type="text/javascript">     var skin = {};     skin['FACE_SIZE'] = '32';     skin['HEIGHT'] = "260";     skin['TITLE'] = "Seguidores";     skin['BORDER_COLOR'] = "transparent";     skin['ENDCAP_BG_COLOR'] = "transparent";     skin['ENDCAP_TEXT_COLOR'] = "#222222";     skin['ENDCAP_LINK_COLOR'] = "#2288bb";     skin['ALTERNATE_BG_COLOR'] = "transparent";     skin['CONTENT_BG_COLOR'] = "transparent";     skin['CONTENT_LINK_COLOR'] = "#2288bb";     skin['CONTENT_TEXT_COLOR'] = "#222222";     skin['CONTENT_SECONDARY_LINK_COLOR'] = "#2288bb";     skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#999999";     skin['CONTENT_HEADLINE_COLOR'] = "#000000";     skin['FONT_FACE'] = "normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif";     google.friendconnect.container.setParentUrl("/");     google.friendconnect.container["renderMembersGadget"](     {id: "div-1p9kk9iokbv10",      site: "02749303541772881272",      locale: 'es' },      skin);   </script>     var skin = {};     skin['FACE_SIZE'] = '32';     skin['HEIGHT'] = "260";     skin['TITLE'] = "Seguidores";     skin['BORDER_COLOR'] = "transparent";     skin['ENDCAP_BG_COLOR'] = "transparent";     skin['ENDCAP_TEXT_COLOR'] = "#222222";     skin['ENDCAP_LINK_COLOR'] = "#2288bb";     skin['ALTERNATE_BG_COLOR'] = "transparent";     skin['CONTENT_BG_COLOR'] = "transparent";     skin['CONTENT_LINK_COLOR'] = "#2288bb";     skin['CONTENT_TEXT_COLOR'] = "#222222";     skin['CONTENT_SECONDARY_LINK_COLOR'] = "#2288bb";     skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#999999";     skin['CONTENT_HEADLINE_COLOR'] = "#000000";     skin['FONT_FACE'] = "normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif";     google.friendconnect.container.setParentUrl("/");     google.friendconnect.container["renderMembersGadget"](     {id: "div-1p9kk9iokbv10",      site: "02749303541772881272",      locale: 'es' },      skin);   </script>
6. Revierte la plantila actual a la plantilla clásica y coloca tu plantilla clásica que guardaste en el Paso 2 si no se actualizó bien <3  
 
 ¡FIN! *O*
 Ya tienes el código deseado :3 ¡Personalizarlo es sencillo!   ¿Que no te lo crees? Así de simple es~

~Colores y bordes~

Rojo: Tamaño de la letra (en px)
Naranja: Altura del gadget (en px)
Amarillo: Título o nombre para el gadget
Lima: Color del borde
Cyan: Color del fondo
Azul: Color del texto
Púrpura: Color del link
Rosa: Color del headline 

~Background~

Cada persona tiene un div exclusivo del código, y eses bastante especial porque con él puedes editar el fondito de tu gadget querido <3 Te digo como~ En el paso 5, el código empezaba por algo así como: <div id="div-… Pues en el atributo style añade esto: (en negrita) <div id="div-1p9kk9iokbv10" style="width: 100%; background: url("LAURLDETUFONDO");"></div>
En el apartado LAURLDETUFONDO pon su url, valga la redundancia <3
 * * * 
Espero que te haya servido de ayuda~~ 
PD: Si vas a utilizar este tutorial, por favor añade mis créditos :3 
* * *
 

ラベル: