sábado, 20 de agosto de 2016

Widget alerts post para Blogger

Blogger-tips-alerts


Blogger  tips alerts é muito útil quanto queremos destacar algo separado no post para nossos visitantes isso  pode ser uma dica uma nota de cuidado ou até mesmo uma nota e isso também embeleza nosso post tomando forma diferentes esse widget realmente veio para ficar compartilhamos isso com você Créditos vrigo


Para adicionar  widget alerts  no Blogger siga os passos:

Faça login no Blogger então va no menu modelo editar >> HTML/JavaScript
com as teclas combinadas CTRL+F busque por ]]></b:skin> ou </style>
e cole o seguinte código antes disso :

.info, .tips, .warning {
 line-height: 22px;
 min-height: 38px;
 padding: 10px 12px 12px 68px;
 margin: 5px 0;
}
.info {
 background: #e0e5eb url('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png') no-repeat 12px 8px;
 color: #222
}
.tips {
 background: #7CADDE url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png') no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background: #db6161 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/s1600/warning.png') no-repeat 12px 8px;
 color: #fff;
}

Então salve o template. 

Quando for postar algo e desejar utilizar por exemplo um dos tres clique na aba HTML e insira o seu código de preferencia: 


<div class='info'>
... Aqui vai seu texto ...</div> 


<div class='tips'>
... aqui vai seu texto ...</div> 



<div class='warning'>
... aqui vai seu texto ...</div>

publique e pronto.





NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner