Seguidores en Blogger

Blogger nos obsequia con un nuevo elemento, "Seguidores". Aparte de la utilidad que para unos será mucha y para otros poca, lo que parece que no gusta es la apariencia, en la mayoria de los casos no se adaptará al estilo de nuestro blog. Vamos a intentar ponerlo a nuestro gusto.

Con la plantilla expandida, buscamos este código:

<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'>

Vamos a cambiar algunas cosas...

1. Eliminar el número de seguidores que aparece con el título.

Buscamos:
<h2 class='title'><data:title/>(<data:totalFollowerCount/>)</h2>

y eliminamos (<data:totalFollowerCount/>).

2. Añadir un icono junto al texto de X Seguidores.

Buscamos:
<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>

justo antes de esa línea podemos añadir la imagen del icono.
<img src='url-imagen-icono'/><data:followersFooterMessage/>

3. Cambiar texto de SEGUIDORES.

Cambiamos <data:followersFooterMessage/> por el texto que nos guste más.

4. Cambiar texto de PARAR SIGUIENTE.

Si ya somos seguidores de un blog en lugar de mostrar el texto "Seguir este blog" nos muestra "Parar siguiente" que equivale a eliminarle de nuestra lista.

Buscamos:
<div class='follow-this profile-link item-control following-stop-following-this'>

En las siguientes líneas cambiamos <data:stopFollowingMessage/> por el texto que nos guste más.

5. Borde,color, fondo de avatar, etc.

Esta parte es donde más adaptamos el elemento a nuestro blog. Guardamos la plantilla y sin expandir la plantilla antes de ]]></b:skin> añadimos:

.follower-img {/*Borde y color de fondo en las imágenes*/
border:1px solid #000;background-color:#fff;padding:2px;margin:0;}

.follow-this {/*Seguir este blog y Parar siguiente*/
text-align:right;}

.follow-this a {color:#7E92A6;font-weight:normal;font-size:8px;}

.follow-this a:hover {font-weight:bold;color:#000;}


.followers-canvas{/*X seguidores*/
text-align:right;}


.followers-grid {/*Ajusta imágenes a la medida de nuestra sidebar:*/
width:170px;margin:0 auto;padding:0;}

Visto en Gem@ y Vagabundia