Personalizar barra de rolagem + link leia mais

Fernanda aqui !
A pedido da dona do Vivislandia e do Teenage Dream vou postar 2 tutoriais.
- Como personalizar a barra de rolagem.
- Como colocar o link de "leia mais".

É tudo muito simples e se quiserem saber como fazer isso, cliquem em mais informações.




Personalizando barra de rolagem
Como podem ver a nossa barra de rolagem está personalizada.
Então vou mostrar a vocês como é que se faz.

1- Vá em design > Editar HTML
2- Procure por: ]]></b:skin>. (ctrl + F)
3-  Acima coloque isso:
::-webkit-scrollbar-thumb:vertical {
background: #e7b3c2;

height:50px;

border: 2px solid #fff;

box-shadow: 2px 2px 4px #bebdbd;

-moz-box-shadow: 2px 2px 4px #bebdbd;

-webkit-box-shadow: 2px 2px 4px #bebdbd;

-khtml-box-shadow: 2px 2px 4px #bebdbd;

-moz-border-radius: 10px; /* Para Firefox */

-webkit-border-radius: 10px; /*Para Safari e Chrome */

border-radius: 10px; /* Para Opera 10.5+*/

}

::-webkit-scrollbar-thumb:horizontal {

background-color:#f26d92; height:10px;

border: 1px dashed #fff;

-webkit-box-shadow:0 0 1em #eee; }

::-webkit-scrollbar {height:10px; width:20px; background: url(fundo da barra de rolagem) repeat;

box-shadow: -3px -2px 10px #bebdbd;

-moz-box-shadow: -3px -2px 10px #bebdbd;

-webkit-box-shadow: -3px -2px 10px #bebdbd;

-khtml-box-shadow: -3px -2px 10px #bebdbd;}

Aonde está em azul é a cor da barra de rolagem, onde no MN&15 está azul.

Aonde está em rosa você modifica pela cor que quer a borda da barra, a nossa está preta.

Aonde está em verde você coloca a url da imagem de fundo da barra de rolagem.

Não é necessário colocar uma imagem, você pode por uma cor.

Por modificações minhas consegui por uma cor, e você precisa simplesmente ao invés da parte onde está escrito: url (fundo da barra de rolagem) colocar o código da cor que quer.

----------------------------------------------------------------------------------------------------------____________________________________________________________________________

Link "leia mais"

Para fazer esse link é bem simples.

Você clica no lugar que quer dividir o post, dê preferencia aos primeiros parágrafos.

Depois é só clicar neste botão:

Após isso irá aparecer uma divisória no lugar que você havia clicado.

No post irá aparecer o link de "mais informações", ou "leia mais".

Você pode escolher o que vai ser escrito editando no design > postagens.

É só isso, tomara que consigam fazer!

Beijos, Fernanda!