Como Añadir el Boton de Read More Animado A Entradas En Tu Blogger

En este titurial estaremos integrando a nuetras entradas de blogger el boton de “Read More”(Leer Mas) de una forma sencilla y con estilos animados.La importancia de tener estos botones de‘read more’ en tu blog para que los visitantes puedan tener la oportunidad de visualizar toda la cantidad de entradas disponibles y uno vez decidan cual entrada dar lectura utilicen el boton de “Read More” para ver la entrada completa ademas de añadir un comentario debajo del mismo facilmente.


Muchas veces no sabemos como añadir el boton de ‘read more’ en blogger pero te mostrare como hacerlo facilmente. Solo sigue estos pasos.

Lo primero que haras sera crear una entrada o articulo escribiendo algun contenido despues de hacerlo da click en el punto de la entrada donde quieres añadir el boton de ‘read more’ simplemente da Click en el boton de  “inserta Salto de Linea” como se muestra aqui abajo.

.

Espero este claro,despues de añadir ‘read more’ en entrada de blogger el proximo paso es diseñar el boton de ‘read more’con una imagen.

Como Añadir Boton de Read More en las Entrada de Blogger ?

Este paso es sencillo solo sigue estos pasos.

1.Entra en tu cuenta de blogger

2.Haz una Copia de Seguridad de la plantilla antes de Editar la misma.

3.Da Click en Plantilla>>Editar HTML

4.Luego busca [usando Ctrl + F] la palabra Read More en tu blog como se muestra abajo.

 5.Cuando encuentres la palabra ‘read more’ en tu blog entonces reemplazala con el codigo de abajo.

Para boton Negro usa el sigueinte codigo:

<img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieMmyL0H7GQkcTG5y3cULT9hAOsamzs_4WKmiKRWKhr6NuRKGNeKHCAiAMOH-mUt8PVlZz0TNT2gchK9QDUMCbvjTsCQHXHf7DI6q33ELSkGCLSeNUP9r2qmri19wD3kTOZXTfxx157J0Q/s200/black-animated-blink-aero-button-for-blogger.gif '/>

Para boton Verde usa el sigueinte codigo:

<img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3kw246CJIMIY0sJxKuN4Ll8p5oQE_AYmZ25oMdmEkrMCUC95MiixB-fvR2yCbmZG2EUY4TrheNx4mPVxNsN3950DoxJBiKtYDVD1a9Hb6epYYyKVfN-1kASOOKjLbHK_8v4RzcwDgEy7d/s200/Green-animated-blink-aero-button-for-blogger.gif '/>

Para boton Azul usa el sigueinte codigo:

<img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4SnTHzE0nj9alYUGiDG1iCGqJKvPaq7L1ZG7-m3-TmLVp2nS2VEu0sswMS0yvVzW6BzMW9pwcuWruKuO9LxRIWdykS380ZmRSipXeeE4Ss-euVvhK5m3BzwJE-qbf0cVTq-XWiXssoykU/s200/dark-blue-animated-blink-aero-button-for-blogger.gif '/>

Las Direcciones de las Imagenes de Read More pueden ser cambiadas con las que tu tengas o desees solo cambia el texto rezaltado en amarillo con la URL de la imagen que tu quieras.

If You Enjoyed This, Take 5 Seconds To Share It

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati