Enfim, hoje eu vim mostrar a vocês como deixar o corpo de postagem personalizado, isto é, diferente do padrão proporcionado pelo template.
Eu e a piquena (Vinha) temos adotado isso ultimamente no Torta de Menina, você pode conferir aqui e aqui como ficaram os subtitulos e algumas coisinhas a mais. É muito simples de se fazer, e o bom é que cada post seu como ficar com uma carinha diferente
Prontos? Então bora bora.
Primeiramente, você precisa de um conhecimento basico de CSS, assim você vai poder personalisar o que você quiser, já que neste post eu só vou ensinar a base e mostrar alguns exemplos. Cores? Precisamos de muitas cores! Você pode encontrar a maioria delas aqui ou ir lá no seu Photoshop ou Photofiltre e escolher o tom de cor que você quiser.E se não sabe como, é bem fácil. Primeiro, abra seu lindo programa. Depois clica no quadradinho de cor e escolhe o tom que você preferir. No Photoshop, o código HTML de cor fica no canto a direita, passando para cá você coloca o # primeiro e depois o código (le print). No Photofiltre, você clica na ferramenta conta-gotas/pipeta, ou simplesmente clica a letra K, que lá embaixo no quadradinho com o titulo Web já vem com o codigo prontinho para você (le print).
Letras bonitinhas instaladas no template ou direto no HTML da postagem 
É só ir ao WebFonts da Google, escolher a fonte desejada, clicar em Quick-Use e ele te demonstrará os códigos lá no fundo da página.Porém, caso esteja com preguiça de procurar ou não ache sua querida fonte, o código geral é <link href="http://fonts.googleapis.com/css?family=NOME+DA+FONTE" rel="stylesheet" type="text/css"></link> (exatamente, se a fonte obter um nome composto tipo "Maria+Ana" você tem que colocar o + entre os espaços, para aplicá-la no CSS, é simplesmente "Maria Ana"). Para intalar no temple cole o código abaixo de <head> e se for instalar direto na postagem é só colar o código de preferencia no topo da postagem via HTML.
AGORA MÃOS Á OBRA!
O código base é <div style="CÓDIGO CSS: onde envolve a cor do fundo, estilo, tamanho e cor de fonte, e etc">Seu texto</div>Caso não tenha nenhuma base em CSS, eu aprendi bastante no HTML Dog. Lá tem todas, ou grande parte, das referencias de CSS. Com este tutorial você pode abusar das categorias Text and Fonts, Colours and Background e Text Box Model.
E, claro, também disponibilizo alguns estilos já prontos para vocês
Estilo 1
Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
Estilo 2
Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
Estilo 3 - Feito pela piquena
Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto
E os estilos estão em preto e branco porque quero que sejem originais e escolham suas cores e não simplesmente copiem, só copiar é chato. Então quero todos usando a criatividade! Copiem, personalizem, criem, mudem, reformem e depois me contem como ficou, certo? 
4 comentários:
Oi!
Tem selinho pra você lá no blog! :D
http://www.etecetera-e-tals.com/#
Eu AMEIIII principalmente o o 3° estilo *--*
p.s O blog tá lindooo
Oi amoree,adorei seu blog super fofinho '
Seguiindo (:
http://lorhannyschneeider.blogspot.com.br/
Muito obrigada Jackie *o*
Postar um comentário