Personaliza el Scrollbar de tu blog


Una de las formas en la que podemos personalizar nuestro blog para nuestros lectores, es cambiando el color de el Scrollbar de nuestro blog para que combine con la plantilla del mismo. Es algo simple, que seguro a tus lectores les encantara el nuevo detalle.

El Scrollbar es la barra de desplazamiento de nuestro blog si queremos modificarlo esto se puede hacer mediante un código Css.

Para modificar la barra de desplazamiento del blog ir a:
:
Plantilla PersonalizarDiseñador de PlantillasAvanzadoAñadir Código CSS Personalizado

En el recuadro pegar el siguiente Código:


/* Scrollbar Personalizado
------------------------------------*/
::-webkit-scrollbar{
width: 16px;
background: #6fa8dc;
}
::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 5px;
background:#2288bb;
}
::-webkit-scrollbar-thumb{
background: #ddd;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
Así tendrás el Scrollbar o barra de desplazamiento personalizado en tu blog de Blogger.



Si te gusta la entrada compártela.

¡Gracias!

Publicar un comentario
▬ 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