Caixa de Alerta ou Alert Box para blogger

Nesse tutorial vou ensinar como colocar as Caixas de Alerta ou Alert Box HTML em seu blog (igual a que uso aqui no Sábio Blogger).

Elas servem para mostrar alertas de:

-Alerta de Erro;

-Alerta de Sucesso;

-Alerta de Atenção;

-Alerta de Informação;

 

É uma forma fácil e elegante de sinalizar um alerta para seus visitantes. Você também pode modificar da forma que melhor se adequar ao seu template e você pode fazer isso em:

border-color: Cor da borda

color: Cor da Fonte

background-color: Cor do background

Veja como ficou
Demonstração

Agora vamos a explicação da instalação, siga os passo prestando atenção que tudo dará certo.

1-Faça backup do seu template;
Se algo der errado você terá como restaurar!
2-Isntale o código em um blog de testes;
Se der tudo certo no blog de testes então é seguro usar no blog oficial.

Precaução Nunca é demais! :)

Vá até o Painel do Blog e clique em Tema;

A seguir clique em Editar HTML;

Dentro da caixa do código fonte tecle Ctrl+F, na barra de pesquisa que abriu digite ]]></b:skin> e tecle Enter.

Acima dele colo o Código.

Eu usei cores mais claras, suaves nesse exemplo, mais se você desejar pode usar cores mais fortes e chamativas. Fique à vontade para fazer a adequação conforme suas necessidades. 

Se você precisar de uma Tabela de Cores HTML para te ajudar na escolha da cor, eu tenho uma bem aqui é só CLICAR AQUI se preferir um Seletor de Cores HTML eu tenho também, CLIQUE AQUI.

Acesse o Código
Copiar Código