17 de jan de 2014

Tutorial: Faixinha no inicio do Gadget do blog!

Oi pessoas!
Hoje venho trazer um tutorial bem simples!É de como colocar uma faixinha no titulo do gadget do blog , de um jeito bem fácil!Não precisa nem mexer no HTML, mas deixa o blog muito fofo, com um toque especial!
Vamos ver?


Entre no seu blog pelo painel do blogger, vá em layout, adicionar Gadget, HTML Java Script e cole este código:

<style>
/**PERSONALIZAÇÃO DA SIDEBAR**/
.sidebar .widget {
width:100% !important;
background:#fff;
margin:10px 0 !important;
border-top:10px #9FC5E8 solid;
border-radius:0 0 10px 10px;
padding:10px;
box-shadow: inset 0 0 20px #eee, 0 0 3px #ccc;
overflow:hidden
}
.sidebar .widget h2 {
font: normal normal 20px Dancing Script;
text-shadow: 0px 0px 1px #000;
color: #000;
text-align: center; /*Alinhamento do texto*/
margin-top:-10px /** MARGIN **/;
margin-left:-9px /** MARGIN **/;
margin-bottom:10px /** MARGIN **/;
padding:5px;
width:107%;
overflow:hidden
}
/** FIM DA SIDEBAR**/
</style>

Onde está Negrito você coloca a cor da faixinha e onde está em itálico você coloca a fonte do titulo d gadget.
Salve e pronto!
PS: Não coloque titulo neste gagdet!
Créditos pelo tuto e liustração de post: Rosa Violetta!

Beijos e espero que usem, fica lindo!

Nenhum comentário:

Postar um comentário