Fim de ano aí, e as blogueiras querem colocar um recadinho de "Boas Festas" no blog, mas que não fique em uma postagem, já que, até o fim do ano, vem mais postagens e o recadinho vai ficando para trás. Mas, como fazer isso de uma forma bonitinha, fácil e personalizável? Quer saber como eu fiz?
**Atenção: se for colocar o tutorial no seu blog, dê os créditos ***
Nível: Fácil
1 - Vá em Modelo>Editar HTML. Faça Ctrl+F e procure por ]]></b:skin>. ACIMA dele cole o código abaixo (observação: se você já tiver colocado outros códigos antes dessa tag como seleção personalizada e páginas numeradas, cole o código abaixo ACIMA desses outros códigos):
/***RECADINHO TD***/
.recadinho {
border-style: dashed; /***estilo da borda***/
border-width: 1px; /***tamanho da borda***/
border-color:#444444; /***cor da borda***/
border-radius: 10px;
text-align: center; /***alinhamento do texto***/
color:#af9edd; /***cor da fonte***/
padding: 10px 12px 10px 12px;
}
2 - Faça as alterações que quiser.
3 - Vá em Layout>Adicionar um gadget>HTML/JavaScript e adicione o seguinte código ACIMA de "Postagens no blog":
<div class="recadinho"> SEU TEXTO AQUI </div>
4 - Substitua "Seu texto aqui" pelo seu recado (avá). Salve e veja se está tudo certo. O resultado:
(Clique para ampliar)
É isso! Espero que tenham gostado!
Qualquer dúvida é só comentar!
TUTORIAL ORIGINAL DE TEENAGE DREAM | SONHOSETAL.BLOGSPOT.COM
DÊ OS CRÉDITOS SE FOR COLOCAR O TUTORIAL NO BLOG!
ahh gostei, talvez eu até coloque no meu. Blog lindo flor, seguindo aqui! Se gostar do meu, retribui?
ResponderExcluirhttp://portrasdorimel.blogspot.com/
Ótima dica.
ResponderExcluirComeçou o sorteio de Natal, corra lá no blog e participe.
Beijooos
www.idfashion.com.br
@blogidfashion
o tutorial é ótimo,mais resolvi nao colocar por que no meu axo que nao vai dar certo.. mais enfim, seu blog é ótimo, menina, e esse lay entao?AMEI!Beijinhos :*
ResponderExcluirrealidadesativas.blogspot.com/