Tutorial: Gadget de seguidores

Hace tiempo ya había echo un tutorial de eso aqui pero por alguna razón google+ actualizo la pagina y ya no se puede añadir el gadget de esa forma, por eso intente buscar otra manera diferente.
Yo uso la nueva plantilla, pero hay muchas personas que están usando la antigua y no pueden añadir ese gadget, bueno, aquí les diré como :)





1.- Este es el codigo que usaremos:

<!-- 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-ID DE TU BLOG" style="width:276px;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['BORDER_COLOR'] = 'transparent';
skin['ENDCAP_BG_COLOR'] = 'transparent';
skin['ENDCAP_TEXT_COLOR'] = '#333333';
skin['ENDCAP_LINK_COLOR'] = '#0000cc';
skin['ALTERNATE_BG_COLOR'] = 'transparent';
skin['CONTENT_BG_COLOR'] = 'transparent';
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'] = '4';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderMembersGadget(
 { id: 'div-ID DE TU BLOG',
   site: 'NUMERO EXTRAÑO :P' },
  skin);
</script>
2.- ID DE TU BLOG: Conseguirlo es muy sencillo solo tienes que acceder a cualquier parte de tu blog, ya sea escribir una nueva entrada o entrar a la configuración de tu blog. En la barra de dirección aparecerá esto:

Y ese es el ID de nuestro blog :)

3.- NUMERO EXTRAÑO: por mas que intente buscar otras formas de conseguirlo solo encontré una, que es actualizar nuestra plantilla, no se preocupen, una vez que seleccionen "Regresar a la plantilla antigua" su blog regresara a la normalidad como si nada hubiera pasado :)
Pero regresando a lo de la nueva plantilla blogger, una vez que lo actualicen vallan a DISEÑO y agreguen el gadget de los seguidores. 
Después nos dirigimos a ver el código fuente de nuestro blog, si tienen Chrome, pueden acceder al código fuente de la siguiente manera:

y por ultimo, presionamos nuestras teclas Ctrl+F y en el recuadro escribirmos SITE: y automáticamente nos llevara a la parte del código donde se encuentra este numero:

Lo único que falta es agregar el numero al código y regresar a nuestra plantilla antigua y listo :)



0 comentarios:

Publicar un comentario