Veja o exemplo aqui ou no topo direito da página (1º gadget)
Passo 1:
Vá no HTML do seu blog e acima da tag ]]></b:skin> cole o código abaixo e salve.
.boxwarning {
background:#f5f5f5; /** cor de fundo **/
margin:5px; /** espaçamento externo **/
padding:8px; /** espaçamento interno **/
text-align:justify; /** alinhamento do texto **/
position: relative;
z-index:1;
overflow:auto;
height:90px; /** altura do quadro **/
border:1px #707070 dotted; /** espessura, cor e tipo da borda **/
-webkit-transition:0.3s;
color:#707070; /** cor da fonte **/
}
.boxwarning:hover {
color:#ffffff; /** cor da fonte ao passar o mouse **/
border:1px #2f8ccd dotted; /** espessura, cor e tipo da borda ao passar o mouse **/
background:#b1d3eb; /** cor de fundo ao passar o mouse **/
-webkit-transition:0.3s;
}
Passo 2:
Adicione um novo gadget com o seguinte código, escreva seu aviso no local que se pede e salve.
<div class="boxwarning">Digite seu aviso aqui</div>Veja se ocorreu tudo certo, caso contrário, tente novamente seguindo os mesmos passos. Se você não conseguir deixe um comentário ou entre em contato comigo.
Tutorial e códigos montados por mim, não copie. Se inspire e crie. Até logo, grande abraço!
Curti, acho que vou usar!
ResponderExcluirKisses <3
Meu jardim Secreto (ou clique no perfil)
Faz um tutorial como você coloca aquele gadget ''fins'', que tem dois gadgets em um só??
ResponderExcluirUsei e ficou muito bom assim deixei um aviso criativo para os visitantes não plagiearem!
ResponderExcluir