Divide los post facilmente.Realmente por defecto la plantilla Blogger tiene una Linea la cual divide el articulo pero no tiene ese atractivo especial. Pero si deseas hacerlo atractivo y creativo sigue estos pasos.
Chequea Como Añadir Efecto Nieve en Blogger
Lo primero que debes hacer es encontrar una imagen que desees utilizar como divisor divider Ejemplo la siguiente imagen .
Puedes hospedar tu imagen de divisoria en cualquier hospedador tales como tinpic o Photo Bucket etc.
Como Añadir Linea Divisoria Entre Entradas en Blogger
- Entra cuenta de Blogger >> Plantilla >> Editar HTML
- Busque el siguiente codigo
.post { margin:.5em 0 1.5em; border-bottom:1px dotted $bordercolor; padding-bottom:1.5em; }
- Luego Reemplace el codigo de arriba con el Script de abajo y si estas interesado en Cambiar la imagen divisoria solo cambia la URL y siga este paso.
.post {
background: url(http://i36.tinypic.com/xqid55.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:3.6em;
}
- Reemplace la URL roja mencionada arriba con tu propia URL imagen divisoria
- Si deseas cambiar el "Padding-Bottom" aumenta o baja el valor que esta en Bold Script negro.(padding-bottom:3.6em).
El 2nd Metodo para Añadir un Divisor entre entradas en Blogger
Si el metodo de arriba no trabaja en tu Plantilla,entonces utiliza este metodo el cual es facilisimo.
- Entra en tu cuenta Blogger
- Da Click en Plantilla
- Editar HTML
- Ahora busca el Script de abajo
<div class='post-footer-line post-footer-line-3'/>
- Luego Copie el Script de abajo y añadelo arriba del Script de arriba
Nota:- Si deseas aumentar la altura del divisor Divider cambia el 30 por el valor deseado,y Añade la Url de Imagen Divisoria en el codigo y Listo!<center><img height='30' src='Url de Imagen Divisoria'/></center>
Sin duda este es un super truco excelente,ideal para bloggers ,de seguro ayudara al lector a navegar el contenido de tu blog facilmente.
Chequea Articulo Como Añadir Descarga Lenta de Imagenes en Blogger
0 comentarios:
Publicar un comentario