Tutorial: Barra de rolagem colorida

Oi meus bom-bons tudo massa?? Comigo está ótimo!!! Hoje eu vim ensinar a vocês um tutorial maravilhoso, é colocar a barra de rolagem colorida, vamos ao tutu??

Clique em leia mais para ver o resto do post!!!

1. Vá em Design Editar HTML Ctrl+F ou F3 e procure por:

]]></b:skin>

 2. Antes de ]]></b:skin>, coloque:

*{scrollbar-face-color:#FF69B4;scrollbar-highlight-color:#FF69B4;scrollbar-3dlight-color:#343434;scrollbar-darkshadow-color:#343434;scrollbar-shadow-color:#FF69B4;scrollbar-arrow-color:#343434;scrollbar-track-color:#343434;}
::-webkit-scrollbar {width: 12px; height: 4px; background: #343434; }::-webkit-scrollbar-thumb { background: #FF69B4; }

3.No código destacado em rosa você coloca a cor da  cor da barra, e no destacado em azul coloque a cor de fundo ( Tabela de cor aqui ). Visualize e se estiver dado tudo certo salve.

Agora vamos ao tuto da seta de ir ao topo , vá no seu html de novo , e não precisa expandir o modelos de widgets , de F3 e proucure por :

</body>

acima desse código vc vai colocar isso : 

<div style='float:right;'><a href='#'><img src='URL-DA-SUA-SETA' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo !!'/></a></div>
onde está escrito URL-DA-SUA-SETA substitua pela Url da sua seta.Vou disponibilizar algumas setas aqui .