Como personalizar o texto do post - blog



Um tutorial muito simples estou trazendo para vocês 

muitos blogs tem uma linha pontilhada no titulo do gadget, hoje vou ensinar como fazê-la,e para fazer ela você precisa ir em design no painel, e depois em editar html e procurar por:


h3.post-title {


vai aparecer mais ou menos isso:


h3.post-title {


margin-top: 20px;


}


h3.post-title a {

font: $(post.title.font);

color: $(post.title.text.color);

}

h3.post-title a:hover {

text-decoration: underline;

}


 para esse codigo abaixo 


h3.post-title {

margin-top: 10px;

text-align: center;

border-bottom: 1px dotted #dfd8c4;

}

.post-header, .dados {

border-bottom: 1px dotted #dfd8c4;

padding: 1px 0 1px 12px; /*espaço topo direita baixo esquerda/*

margin: 0;

border-bottom: 1px dashed #ccc; /*cinza*/

text-align: center;

font-family: tahoma;

font-size: 12px;

}

@font-face {font-family: "beat"; src: url('https://web.archive.org/web/20130426001945im_/http://static.tumblr.com/0xqvkot/rZLmgsrm9/fineness_regular.ttf');}

h3.post-title a {

font-family: Georgia;

font-style: italic;

color: #bd9c6f;

font-size: 20px;

text-shadow: 0px 1px 1px #c5c5c5;

letter-spacing: 1px;

-webkit-transition-duration: .90s;

}

h3.post-title a:hover {

text-decoration: none;

color: #e8b1bd;

-webkit-transition-duration: .90s;

}


fim salve tudo e mude oque quiser neste tutorial muito mega simples 

Nenhum comentário:

Postar um comentário