viernes, 10 de noviembre de 2017

Edita la barra de desplazamiento de tu blog


Hola!♥ Hoy les voy a enseñar a editar la barra de desplazamiento de su blog, su nombre original es scrollbar. 





Van a: Tema >> Editar HTML

Tienen qué buscar esto: 

]]>

Y tiene que aparecer este código completo: ]]></b:skin>

NOTA

Si el código no les aparece es porque tienen una plantilla diferente.

Sigamos

Arriba de ese código pegan estos dos códigos: 
                                                      ::-webkit-scrollbar { height: 10px; width: 17px; background-image:url(Url de tu fondo); } 
::-webkit-scrollbar-thumb { background-image:url(Url de tu fondo); -Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px; }


En donde dice URL de tu fondo tienen que borrar ese texto y pegar la URL de un fondo cualquiera

Y quedaría algo así:



Luego le dan click a "Guardar Tema", por último le dan a "Ver blog" para ver sus resultados.


RESULTADOS:


Si lo anterior no les funciono eliminen el código que pegaron y van a:

Diseño >> Añadir un Gadget >> HTML/JavaScript

Y copian y pegan el siguiente código:

<style>
::-webkit-scrollbar { height: 10px; width: 17px; background-image:url(Url de tu fondo); 
}
::-webkit-scrollbar-thumb { background-image:url(Url de tu fondo); -Moz-border-radius-bottomRight: 50px; border-bottom-right-radius: 50px; -Moz-border-radius-topLeft: 50px; border-top-left-radius: 50px; }
</style>
Lo que esta en violeta lo reemplazan por la Url de su fondo para la barrita ñ.ñ

Créditos a My World Kawaii :)

Espero que les haya servido♥ Bye ñ.ñ

1 comentario: