» » Cambiar o Eliminar "Suscribirse a: Entradas (Atom)"

Cambiar o Eliminar "Suscribirse a: Entradas (Atom)"



Suscribirse a: Entradas (Atom)


Es un link para que los lectores puedan suscribirse a las Entradas y estén actualizados con el contenido de tu blog a través del feed del sitio. En el pasado sólo desde este link podían realizarse estas suscripciones, pero con el tiempo y la creación de nuevas plantillas la suscripción se hizo más dinámica con íconos, imágenes, links, botones y formularios. Por lo que el Suscribirse a: Entradas (Atom) se volvió un tanto obsoleto en cuanto a diseño se refiere, aquí veremos cómo eliminarlo, cambiarlo o decorarlo.

Suscribirse a: Entradas (Atom) las palabras en sí no nos dicen mucho, es mejor cambiarlas por otras que sean más llamativas. 

Hay dos maneras:

1.- Ir a Edición de HTML:

Diseño► Edición de HTML ►Presionar Ctrl + F y Buscar lo siguiente:►feed-links

Veremos un código similar al siguiente

<b:includable id='feedLinksBody' var='links'>
<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>
</b:includable>


  • Si quieres cambiar el texto de "Suscribirse a:" sustituye <data:feedLinksMsg/> por el texto que desees.
  • Si quieres cambiar la palabra "Entradas" remplaza <data:f.name/> por otro texto.
  • Si quieres cambiar el "(Atom)" cambia (<data:f.feedType/>) por otro texto o eliminarlo.
  • Si quieres anteponer un icono de feed pon esto: <img src='URL del icono'/> antes de <data:feedLinksMsg/>
  • Si lo que quieres es cambiar Entradas (Atom) por un icono borra <data:f.name/> (<data:f.feedType/>) y reemplazarlo por <img src='URL del icono'/> 

Quedando de esta manera:

<b:includable id='feedLinksBody' var='links'>
<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'><img src='URL del icono'/> </a>
</b:loop>
</div>
</b:includable>


  • Vista previa y si todo esta bien.
  • Guardamos los cambios.




2.- Para eliminarlo por completo sin editar el HTML de la plantilla ir a:

Plantilla ►Personalizar ►Diseñador de Plantillas ► Avanzado ► Añadir Código CSS Personalizado

En el recuadro pegar el siguiente Código:

.feed-links{display:none
}

  • Si no quieren eliminarlo pero si darle estilo

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


  • Si quieres anteponer un icono de feed  a Suscribirse a: Entradas (Atom) pon esto:

.feed-links {
clear: both;
line-height: 2.5em;
padding-left: 20px;
background: url(URL del icono) left no-repeat;
}

Guardamos los cambios.


Con estos cambios tendrás un enlace de Suscripción más Personalizado.






Si te gusta la entrada compártela.

¡Gracias!

6 comentarios:

▬ Antes de comentar recuerda:▬
► No se permite spam.
► No permitimos un vocabulario inapropiado.
► Se se lo más especifico posible.

►Para convertir tu comentario en HTML puedes utilizar algunos códigos:
- Si deseas incluir un enlace utiliza este código:<a href="URL de la Pagina">Titulo del enlace</a>
- Para introducir un código, utilice la etiqueta <i rel="pre"> AQUÍ TU CÓDIGO ... </i>
- Para insertar una imagen, utilice la etiqueta <i rel="image"> SU URL IMAGEN AQUÍ ... </i>
- Para insertar un título, utilice la etiqueta <b rel="h3"> SU TÍTULO AQUÍ ... </b>
- Para insertar una nota, utilice la etiqueta <b rel="quote"> NOTA QUE AQUÍ ... </b>
- Para insertar texto en negrita, utilice la etiqueta <b> SU TEXTO AQUÍ ... </b>
- Para insertar texto en cursiva, utilice esta etiqueta<i> SU TEXTO AQUÍ ... </i>

No olvides suscribirte para recibir las actualizaciones

Back to Top