Al no encontrar un contador de seguidores de facebook al gusto de Mohammad de My blogger tricks, se le ocurrió la idea de crear contadores de seguidor con HTML para los lectores de facebook, feeds y twitter. Y yo con un poco de personalizacion me permiti darles una apariencia diferente.
Para seguidores de facebook:
227Fans 
227Seguidores
227Seguidores
227Fans
<span sans ms style="background-color:#F2F2F2; border-top: 1px solid #F2F2F2; border-right: 1px solid #8A8A8A; border-left: 1px solid #F2F2F2; border-bottom: 1px solid #8A8A8A; padding: 2px 4px 4px4px; color: #666; font-family: sans-serif, arial; font-size: 10px;"> <span style="background-color:#D2E9F8; font-size: 9px; border-top: 1px solid #8A8A8A; border-right: 1px solid #ddd; border-left: 1px solid #8A8A8A; border-bottom: 1px solid #ddd; padding: 0px 1px;">227<blink>+</blink></span>Seguidores <img src="Url-de-tu-imagen" /></span>
Para personalizarlo, cambia lo que esta en color verde que pertenece al color de fondo de la barra, lo que esta en amarillo pertenece al color de texto (227 Seguidores) y lo que esta en color rojo pertenece a el color de fondo del numero (227). Donde dice Url-de-tu-imagen colocas tu icono.
Para los lectores de feed:
227Lectores
227Lectores
<span sans ms style="background-color:#CC9966; border-top: 1px solid #F2F2F2; border-right: 1px solid #666; border-left: 1px solid #F2F2F2; border-bottom: 1px solid #666; padding: 2px 4px 4px4px; color: #000; font-family: sans-serif, arial; font-size: 10px;"> <span style="background-color:#CCCCCC; font-size: 9px; border-top: 1px solid #666; border-right: 1px solid #fff; border-left: 1px solid #666; border-bottom: 1px solid #fff; padding: 0px 1px;">227</span>Lectores <img src="Url-de-tu-imagen" /></span>
Para seguidores de twitter:
227Seguidores
227Seguidores
<span sans ms style="background-color:#F2F2F2; border-top: 1px solid #F2F2F2; border-right: 1px solid #8A8A8A; border-left: 1px solid #F2F2F2; border-bottom: 1px solid #8A8A8A; padding: 2px 4px 4px4px; color: #33CCFF; font-family: sans-serif, arial; font-size: 10px;"> <span style="background-color:#33CCFF; font-size: 9px; color:#fff; border-top: 1px solid #666; border-right: 1px solid #fff; border-left: 1px solid #666; border-bottom: 1px solid #fff; padding: 0px 1px;">227</span>Seguidores <img src="Url-de-tu-imagen" /></span>
Solo en 227 coloca el valor de seguidores que tienes y los agregas como elemento HTML/Javascript y listo.
Si deseas estos mismos iconos de los ejemplos, los podrás
descargar desde el sitio oficial del autor.
Si llegas a personalizar los ejemplos, podrás crear un contador de seguidor de cualquier red social y a tu gusto.
