dicas blog
Home » , » Personalizando o titulo dos gadgets do blog

Personalizando o titulo dos gadgets do blog

0

E  ai  galera hoje  vamos aprender   a  personalizar o título dos  gadgets do  blog .
Você pode  escolher  o  jeito   que  mais  combina   com   seu  blog, barra fina  ou
Barra  graça 

 
1 Vá em  seu HTML e  procure por  isso : h2 {

Se seu  template é original você  encontrará algo  assim 



/* Headings
----------------------------------------------- */
h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);


2  Substitua  o  trecho   pelo seguinte  abaixo 


 .sidebar h2 {
font-family: 'Sofia', cursive; /*Tipo de fonte*/
font-size: 26px; /*Tamanho da fonte*/
color: #FFAEB9; /*Cor da fonte*/
background: url(url da sua imagem aqui) no-repeat center;
height: 36px;/*Altura da imagem*/
width: 287px; /*Largura da imagem*/ 
text-align: center; /*Alinhamento do texto*/
}


3 URL d sua  imagem aqui coloque sua imagem que  preferir tamanho  cor  etc .
 
4 Instalando a fonte:
- Acima de </head> cole o seguinte código:

<link href='http://fonts.googleapis.com/css?family=Sofia' rel='stylesheet' type='text/css'/>

Se você  não  quiser imagem  pode   colocar  uma   cor acompanhe abaixo  substitua  o  trecho abaixo

 height: 36px;/*Altura da imagem*/
width: 287px; /*Largura da imagem*/
text-align: center; /*Alinhamento do texto*/

por 


 background: #000000; /*Cor de fundo*/

Visualize se   estiver tudo  certo pronto

0 comentários:

Postar um comentário