Rotulo

EL MUNDO DE KIKO

Ultimas entradas

ULTIMAS ENTRADAS

thumb

PÁGINA DE BIENVENIDA

thumb

CAJA DE SEGUIDORES DE FACRBOOK EN UN POPOUT PARA BLOGGER

CAJA DE SEGUIDORES DE FACRBOOK EN UN POPOUT PARA BLOGGER. Es indispensable para muchos blogs de blogger tener una página de blogs que contengan las redes sociales más visitadas en ...
thumb

WIDGETS PARA BLOGGER CON SLIDING LATERAL Y CAJA DE SEGUIDORES DE GOOGLE+

WIDGETS PARA BLOGGER CON SLIDING LATERAL Y CAJA DE SEGUIDORES DE GOOGLE+ . Obtener una buena caja de seguidores de Google + en tu blog de blogger, es lo que El mundo de Kiko.com...
thumb

ESTILO DIFERENTE PARA LAS ENTRADAS POPULARES DE BLOGGER

ESTILO DIFERENTE PARA LAS ENTRADAS POPULARES DE BLOGGER . Obtener nuevos estilos fascinantes para implementarlos en nuestro blog de blogger es lo que van a aprender con este grand...
thumb

CAMBIAR DE ESTILO A MIS ENTRADAS POPULARES

CAMBIAR DE ESTILO A MIS ENTRADAS POPULARES . La facilidad de realizar diferentes trucos para Blogger es una forma de darle un diseño único a nuestro blog y presentar a los usuario...
thumb

CÓMO CAMBIAR DE ESTILOS A MIS ENTRADAS POPULARES DE MI BLOG DE BLOGGER

CÓMO CAMBIAR DE ESTILOS A MIS ENTRADAS POPULARES DE MI BLOG DE BLOGGER . ¿Cómo puedo cambiar los estilos a mis entradas populares de mi blog de Blogger?  La facilidad con ...
thumb

CREAR UN BAR FLOTANTE EN BLOGGER

CREAR UN BAR FLOTANTE EN BLOGGER . El widget que les enseñare a crear sirve para compartir las redes sociales más usadas actualmente. Como ustedes sabrán es una nueva tendencia usar este t...
thumb

CAMBIAR TU BLOG DE .BLOGSPOT.COM POR .COM O .NET!

CAMBIAR TU BLOG DE .BLOGSPOT.COM POR .COM O .NET! . Seguro que ya estás aburrido de tu blog se llame minombre.blogspot.com y te encantaría que se llame algo así como minombre.com o minombr...
thumb

WIDGET DE VÍDEOS MULTIREPRODUCCIÓN DE YOUTUBE

WIDGET DE VÍDEOS MULTIREPRODUCCIÓN DE YOUTUBE. Cargar videos en una caja widget y mostrarlo. Crear un widget de videos de Youtube. Mostrar videos de Youtube en un widget. Insertar hasta 5 v...
thumb

WIDGET PARA BLOGGER TIPO ACORDEÓN

WIDGET PARA BLOGGER TIPO ACORDEÓN .  Es indispensable para cada bloggero obtener nuevos y novedosos trucos para blogger, sobre todo que funcionen correctamente en su blog de blogger ...
thumb

WIDGET POR ETIQUETAS CON IMÁGENES EN BLOGGER

WIDGET POR ETIQUETAS CON IMÁGENES EN BLOGGER.  Bueno después de estar buscando algunos códigos para poder organizar nuestro blog de blogger, os voy a presentar un widget que es real...
thumb

ENTRADAS POPULARES PARA BLOGGER LIKE STYLE

ENTRADAS POPULARES PARA BLOGGER LIKE STYLE . Cambiar el aspecto de las entradas populares de nuestro blog de Blogger a un nuevo diseño y estilo totalmente diferente, es lo que aprenderán e...
thumb

Poner una Imagen al Botón de Leer Más en las Entradas de tu Bloc

PONER UNA IMAGEN AL BOTÓN DE LEER MÁS EN LAS ENTRADAS DE TU BLOG. Vamos a aprender a poner el botón de Leer más en nuestras entradas, para que nuestro blog no se vea largo y nuestros lector...
thumb

Añadir dos columnas de Gadgets arriba o debajo de las entradas en Blogger

AÑADIR DOS COLUMNAS DE GADGETS ARRIBA O ABAJO DE LAS ENTRADAS EN BLOGGER . Para agregar un gadget arriba o debajo de las entradas basta con arrastrar el gadget hasta esa posición y tendre...
thumb

Poner una imagen de fondo a una entrada en Blogger

PONER UNA IMÁGEN DE FONDO EN UNA ENTRADA EN BLOGGER . Este es un truco el cual es un div estilo que nos ayudará a ponerle un fondo a cualquier objeto que queramos, puede ser un widget desd...
thumb

Menú vertical desplegable con el CSS3

Menú vertical desplegable con el CSS3 . Cada vez se pueden hacer mas maravillas con el CSS3, es cuestion de experimentar e ir probando, sobre todo a los que les guste el diseño web. En est...
thumb

Cambiar de color a la barra de título de un widget en específico,

Cambiar de color a la barra de título de un widget en específico,   Necesito cambiar de color a la barra de título de un Widget en específico, como lo hago. Tu Widget o Gadge...
thumb

Insertar el Widget de Entradas populares en Blogger

Insertar el Widget de Entradas populares en Blogger . Con unos simples pasos transformara las entradas populares de su blog de Blogger. Las instrucciones de este tutorial creado para usuar...
thumb

Nuevo Mega menú V.2 para Blogger

Nuevo Mega menú V.2 para Blogger . Como siempre  El mundo de Kiko te presenta temas interesantes para que lo utilices en tu bloc  completamente gratis. Compartiré un widget d...
thumb

Como insertar un Random post de Artículos aleatorios en Blogger

Como insertar un Random post de Artículos aleatorios en Blogger . Vamos aprender a como insertar correctamente un Random Post (Artículos aleatorios) en nuestro blog de Blogger en un solo wi...
thumb

Como podemos cambiar de estilo a las Entradas Populares de nuestro Bloc de Blogger

Como podemos cambiar de estilo a las Entradas Populares de nuestro Bloc de Blogger. La gran facilidad para poder realizar diferentes trucos para Blogger es una forma unica para poder darle...
thumb

Insertar un Slideshow de Vídeos para Blogger

Insertar un Slideshow de Vídeos para Blogger. Necesitas insertar un Slideshow carrusel de videos de Youtube en tu blog de Blogger de una forma fácil y segura, sobre todo que no tenga compli...
thumb

WIDGET ARTICULOS DESTACADOS

WIDGET ARTICULOS DESTACADOS . Blogger es la mejor plataforma web para crear diferentes y atractivos widgets, slideshow, plantillas, diseño web, etc, como también creaciones de conte...
thumb

Cambiar mis Entradas Populares

Cambiar mis Entradas Populares . Quieres cambiar tus entradas populares de blogger y que se muestre de forma horizontal, ayuda de blogger te enseñara como hacerlo con un solo paso. Las ...
thumb

COMO CREAR UN INDICE PERSONALIZABLE

Crear un Indice personalizable . Un índice es una lista o relación ordenada de datos que permite ubicar información concreta. En el caso de nuestro gestor de contenidos Blogger, nos va a ...
thumb

Insertar un menú desplegable para blogger en un solo widget

Insertar un menú desplegable para blogger en un solo widget.  El tutorial del día de hoy trata de como insertar un menú desplegable para blogger en un widget, la inserción del código e...
thumb

Widgets para Blogger Multi Tabla Lateral

Widgets para Blogger Multi Tabla Lateral . Al momento de ahorrar espacio en nuestro blog de Blogger es esencial obtener un widget que nos facilite este sistema, para ello voy a explica...

Entrada Destacada

PÁGINA DE BIENVENIDA

PONER UNA IMAGEN AL BOTÓN DE LEER MÁS EN LAS ENTRADAS DE TU BLOG. Vamos a aprender a poner el botón de Leer más en nuestras entra...

Poner una Imagen al Botón de Leer Más en las Entradas de tu Bloc

PONER UNA IMAGEN AL BOTÓN DE LEER MÁS EN LAS ENTRADAS DE TU BLOG.



Vamos a aprender a poner el botón de Leer más en nuestras entradas, para que nuestro blog no se vea largo y nuestros lectores no tengan que bajar y bajar para encontrar lo que quieren.
Hay dos formas de hacerlo:

Si queremos nuestro Leer más en texto solamente, es la forma más sencilla o si la queremos con una imagen prediseñada.




Sólo texto leer más: Lo primero que vamos a hacer es ir administrador de nuestro blog y picar en Diseño, una vez en diseño seleccionamos Entrada y al pie vemos editar, hacemos clic y nos aparece lo siguiente:





Como vemos en la imagen lo que está envuelto en rojo es el texto que nos aparecerá, ponemos lo que más nos guste: Leer más, seguir leyendo, más información etc.… lo que queramos.

Guardamos y Guardamos muy importante!


Ahora nos vamos a Entradas y hacemos como si fuéramos a publicar una con total normalidad pero fijaros!: 
En el número 1 vemos el icono que al picarlo, nos aparecerá en nuestro post la ralla que vemos en el número 2.

Esa línea divide el post en 2 partes la de encima es la que aparecerá en nuestra página principal y la de debajo de la línea es la que no aparece en la página principal y solo será posible leer si damos a nuestro mágico botón de ¡leer más!

¿Entendido? Es decir esa línea es la que nos divide el post y sobre todo intentad ponerla en una parte que atraiga al lector, después de una pregunta o una propuesta para hacer un poco más de gancho.
Y ya tenemos nuestro texto de leer más.

Ahora vamos a hacerlo con una imagen prediseñada que obviamente ya habremos conseguido y subido a algún host como imageshack, dropbox, skydrive como hemos comentado en otros posts anteriores.

Bien nos vamos a Plantilla y hacemos un Guardado de seguridad por si metemos la pata, es muy importante hacerlo siempre que se toca el código de nuestra plantilla.

Le damos un clic a editar HTML, picamos con el cursor dentro del texto de html y apretamos las teclas CTRL y F a la vez nos sale una cajita para buscar y en ella buscamos este texto:

Un clic en “Plantilla”



 Un clic en “Editar HTML”



  Ahora se te abrirá el Editor HTML de tu plantilla



En  este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor,
debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor,



  Busca el siguiente código


<data:post.jumpText/>

Cuando encontremos este texto en nuestra plantilla lo substituimos por este:

<img src="URL de tu imagen"/> (donde dice URL de tu imagen pondremos la url, dirección de nuestra imagen de leer más)


Ya está, guardamos plantilla y hacemos una entrada.
Allí donde queremos que vaya a aparecer el botoncito de Leer más haremos click en el iconito que hemos visto antes, el salto de línea y publicamos!



Ya aparecerá nuestro botoncito de leer más en nuestros posts.

Nota: Si queréis que aparezca en todas las entradas antiguas deberéis abrirlas una a una y poner el salto de línea allí donde queráis que aparezca el botoncito de leer mas. (Es una faena sí pero es lo que hay.

Espero que os haya servido de ayuda y que lo hayáis entendido todo.



Fecha de la Publicación; 03-01-2019

 Fuente; lireth.blogspot

 Publicado por;                                                 


















0 comentarios:

Paginacion