![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaqi7PuWJPJPLpyWN-pYBor5eyUQy-oGhl-cFONkW3oXd3Juo7INJ6WJsqd8klZ0eHS0i8BDwCMWQXDKg74Ex0R0TArzIwoko_D7x9aJifqNBhDNgoM3La3TlVAic0JU-tk5r3sUZQugg/s1600/tutoscam.png)
Holaaa
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdNxHXk12Ma7d_fyXg62dPWbkOL3evwy8JFZmU313yh8LgPUeluEqARPfgxcTQsrLLPiMsjvZAWaCxUgKOC0fumHlbciAkkQDmDl6_48mqko5rv6LTpl_9cHvAlbYrNwZyZi1T94KzgOcH/s1600/kaomoji+dance.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbweE6h7Thh0miNJ0URUDtNrGAl3uE_ogqMqtiRZ0fT2wp3HTY1X702Wgqpl2A2AIapKsaytJYZgAzd6BlgBNJoj8a6yfVGcZ7Uuqk4eZ4zVYuJ42Mqc7leCu3IWrNdxUO8cE1wnzp5Gu0/s1600/20.gif)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwApooGq0tuWB1RkCMPPrDdnvmzrVcxTZEgRfNkiY_aiZuLl6Hwp_jtTz7prcPbMpEwqueoQQy6x7JtMLZ3eIYwu_2WZi2kL7wXjMqOEciVaF7F50iAAvVrcoms8iDGoiiftCGCWAVJnZJ/s1600/kaomoji+charm.gif)
Otra cosa que tengo que decir es que participo en este sorteo
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4iTs-CHCD93OClc1wUI5viOkro49gud7EjlmF0Z9yv9MnUc53D1Nazn4d6GjRn8rly97wAdDzjpEHPD_9tViKbKu4fhe7FcVyy7kBuM-QsoZ4ieZhxYgUBigT8JwbBnJ10hiAuP0hy5o/s1600/1.png)
Se puede colocar de dos formas
- Forma 1:En un gadget
- Diseño
- Añadir gadget jabascrip
<style>
::-webkit-scrollbar{ width:7px;height:7px;} /* Largura da barra */
::-webkit-scrollbar-track-piece{background-color:#fff;} /* Fondo de la barra larga */
::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#6b8bba; /* Estilos da barra vertical */
box-shadow: inset 1px 1px 0px #fff;
border: 1px solid #6b8bba; /* Borde de la barra */
::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#6b8bba; /* Estilos de la barra horizontal */
box-shadow: inset 1px 1px 0px #fff;
border: 1px solid #6b8bba; /* Borde de la barra */
</style>
- Forma 2:Incrustada en el código HTLM
- Plantilla
- Editar HTLM
- Crtlr+F & buscar & colocar antes de ]]></b:skin>
::-webkit-scrollbar{ width:7px;height:7px;} /* Largura da barra */Esas son las dos formas de colocarlo si os falla una la ponéis de la otra forma y solucionado <3
::-webkit-scrollbar-track-piece{background-color:#fff;} /* Fondo de la barra larga */
::-webkit-scrollbar-thumb:vertical{height:50px; background-color:#6b8bba; /* Estilos da barra vertical */
box-shadow: inset 1px 1px 0px #fff;
border: 1px solid #6b8bba; /* Borde de la barra */
::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:#6b8bba; /* Estilos de la barra horizontal */
box-shadow: inset 1px 1px 0px #fff;
border: 1px solid #6b8bba; /* Borde de la barra */
}
Espero que este tutorial os haga gustado es un tutorial muy muy fácil que deja bonitos resultados un beso enorme desde aquí :D y que paséis una gran semana
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9IaGowFxoBMh4FRWFD5kvtULIu2yTKOcIff1ptnfhegUVYyuy0CcsVve-xaejwPaUiVfvZW_3j00_OsJuOtJqeULZSdEOkkXo6WHoJ2iixu3geII7kq8GOjDjaNkiDGnTj1EyL3xFWY-x/s1600/FIRMA.png)
buen tutorial gracias
ResponderEliminarohhh me encanto esta tuto~!!gracias~
ResponderEliminarse ve super la nueva scroll bar esta muy linda :), gracias
ResponderEliminarMuchas gracias por el tuto, es un efecto muy bonito para el scrolll bar.
ResponderEliminarHola me gusta el tuto pero no me sirve el truco b skin ¿se puede remplezar por otro? Gracias :D
ResponderEliminarGracias por el tutorial!! se ve muy bonito ese scroll.
ResponderEliminarBesos
Arigato!!! amiga este gatget es muy mono muchas gracias por el tuto
ResponderEliminargracias kumy :3
ResponderEliminarMuchas gracias por el tutorial :)
ResponderEliminarSaludos.
Este comentario ha sido eliminado por el autor.
ResponderEliminar