09 junho 2015

Dica da blogueira #1: Como personalizar seu blog...

Oi oi meninas, hoje eu vou mostrar pra vocês algumas diquinhas de como personalizar seu blog colocando: Barra de rolagem personalizada e botão leia mais

Vamos lá!



Para a barra de rolagem:

1°  Vá em EDITAR HTML
2º  Procure por <b:skin>...<b:skin> e abra-o
3º  Procure pelo código abaixo:
.post-body {
  line-height: 1.4;
  font-size: 110%;
  position: relative;
}
4º  Cole este código abaixo do código de cima:
 *{
scrollbar-face-color:#FF69B4;
scrollbar-highlight-color:#FF69B4;
scrollbar-3dlight-color:#343434;
scrollbar-darkshpoadow-color:#343434;
scrollbar-shadow-color:#FF69B4;
scrollbar-arrow-color:#343434;
scrollbar-track-color:#343434;
}

::-webkit-scrollbar {width: 12px; height: 4px; background: Código HTML; }
::-webkit-scrollbar-thumb { background: Código HTML; }
5º  O que está de azul você muda pela cor que você quer na paleta de cores

Para o botão "leia mais":

1°  Procure no google uma imagem ou faça uma você mesmo usando editores de fotos e hospede
2° Faça uma postagem de teste e ative esta ferramenta
3° Olhe sua postagem e vai estar lá escrito mais informações. Se você quiser pode deixar assim, mas vou ensinar pra vocês como colocar aquela imagem que você hospedou
4° Pra colocar a imagem, vá em EDITAR HTML dê um Control+F e procure por:
<data:post.jumpText/> e troque por <img src='endereço da sua imagem'/> 
5° Substitua o nome 'endereço da sua imagem' pelo endereço da imagem que você hospedou.

Então foi isso, eu espero que vocês tenham gostado, não se esqueça de deixar o seu COMENTÁRIO dizendo o que achou do post!
Beijos e até a próxima!

Nenhum comentário:

Postar um comentário