Criando um bloco de aviso personalizado para blog

Olá queridos leitores, hoje irei ensinar a vocês como inserir um bloco de aviso para seu blog, ele é muito utilizado para chamar a atenção dos leitores, ele também é bem parecido com o blockquote ou code. O tutorial é bem simples, então vamos lá.

Tutotial
1. Faça login no painel de seu blog e depois clique na guia "Modelo"
2. Clique em "Editar HTML" e procure pela tag abaixo:

]]></b:skin>
3. Cole logo acima o seguinte código:
aviso {border-left: 4px solid red; color: #555; background: #f1f1f1 url('images/code.gif') no-repeat top left; display: block; padding: 5px;}
Pronto agora você já tem um bloco de avisos para colocar nos posts de seu blog. Para o adicionar basta digitar o texto entre as tags <aviso></aviso>, veja o exemplo abaixo:
<aviso>Seu texto aqui</aviso>

Gostou? Compartilhe: