Eliminar / Personalizar Suscribirse a: entradas (Atom) Blogger

 Nos ha llegado un mensaje via el formulario de contacto preguntandonos como eliminar/ocultar la palabra Suscribirse a entradas (Atom) que se muestra debajo de las entradas de Blogger.

Hoy vamos a enseñarte como ocultar ese mensaje y también aprenderás como personalizarlo, editar ese mensaje y agregarle un poco de estilo :)

Lo primero que debemos hacer es ingresar a Plantilla » Edición html y presionando ctrl+f  buscaremos la palabra feed-links, tendremos un código similar al siguiente

 <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>

Primeramente para ocultar la palabra 'Suscribirse a: entradas (Atom)' vamos a hacer uso de la etiqueta display:none y lo ejecutaremos en el código que hemos buscado, quedando de la siguiente manera

 <div class='feed-links' style='display:none' >
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>

De esta manera el mensaje de 'Suscribirse a: entradas (Atom)' quedará oculto.
Si alguna vez queremos nuevamente que se muestre el mensaje simplemente revertimos los cambios :)

Ahora si lo que deseamos hacer es editar el mensaje simplemente vamos a reemplazar lo que se muestra en verde por nuestro mensaje

 <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>

<data:feedLinksMsg/> Suscribirse a:
<data:f.name/> Entradas
(<data:f.feedType/>) (Atom)

Simplemente borramos Dichos código y escribimos los nuestros, también podemos agregar un estilo text-align='center' para que el mensaje quede centrado, quedando como resultado final:

 <div class='feed-links' style='text-align=center'>
  ¿Querés recibir lo último de Conecta Tutoriales?
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
! Suscribete ! (Via Rss)</a>
</b:loop>
  </div>

Podemos apreciar el resultado :)

Podemos seguir personalizando más aún y ya todo depende de nuestros conocimientos y manera de jugar con los estilo Css.

Por ejemplo podemos añadir algunos estilos, para ello vamos a Plantilla » Edición html y presionando ctrl+f buscaremos la palabra .feed-links si ya la tenemos simplemente reemplazamos por el código css que dejaré más abajo, si no encontramos el estilo agregamos igualmente el código.

.feed-links{
    background: none repeat scroll 0 0 #2C2C2C;
    border: 2px solid #0F8CC1;
    height: 51px;
    clear: both;
    text-align: center;
    line-height: 4;
}

Y guardamos los cambios...
Quedando como resultado final:

También puedes apreciar esta última personalización en el

» BLOG DE PRUEBAS «