Olá pessoas, tudo bom? Primeiramente bem-vindos ao HWF, um blog variado, ok? Bom, como primeiro post eu não sei mesmo como saudar vocês, então, qualquer dúvida sobre o blog e sobre mim, se encontra na aba "Sobre". Ah, e vocês podem dar sugestões de posts e outros assuntos na DM do Twitter ou aqui nos comentários mesmo.
O post de hoje, resolvi fazer sobre html, da plataforma do blogger, ok? É bastante simples. Para um iniciante, trocar o fundo do blog, ou o background, é só ir em Modelo > Personalização, daí podemos pôr uma imagem, ou uma cor, mas... e quando não há àquela cor que desejamos? É aí que as coisas mudam e, você pode escolher a cor, por uma paleta, e acrescentá-la em seu css/html. Como? Vamos lá.
Vá em Modelo > Editar HTML > Selecione dentro da caixa, e tecle Ctrl+F e digite o seguinte:
body {
É o único código desta maneira, após encontrar você verá ele assim:
body {font: $(body.font); /* fonte padrão de todo o blog /*color: $(body.text.color); /* cor da fonte de todo o blog /*background: $(body.background); /* Fundo do blog, pode ser uma cor ou imagem /*}
E está aí nosso código. Você pode personalizar a fonte do blog, substituindo o font por font-family e o nome dela da fonte no lugar de $(body.font).
O background, ou o fundo, você irá fazer o seguinte: irá substituir $(body.background) por: #FFF ou #000, #ccc, #f2f2f2, #fafafa e assim por diante. As cores citadas foram cinza, branco e preto, mas se quiser por outras cores é só pegar numa paleta, como havia dito. Sugiro este site (www) para escolher sua paleta de cores. Feito essas aplicações, irá ficar assim:
body {
font-family: Georgia (apenas exemplo)
color: #666;
background: #f2f2f2;
- Mas Keey, e se eu quiser por uma imagem?
É simples, ao invés de você pôr o código da fonte, você irá pôr isto:
url("url da imagem") repeat;
E é só isso gente, espero que tenham gostado. Qualquer dúvida, esclarecerei nos comentários. Beijocas <3
Ótimas dicas!!!
ResponderExcluirValeu florzinha
Excluir