HOME ☁ Biography ☁ Facebook ☁ Twitter ☁ Instagram ☁ Blogskin ☁
disclaimer

Instagram


Tagboard


History

Friends


Twitter


Credit

Skin by → Pipie Panini
Html code → Mary / Hanie.Heykiim
Images from → weheartit.
Personalize o título dos gadgets13 de jun. de 2013 leave me ♥?


Olá queridos! Irei continuar com a maratona de tutorias.Agora vamos aprender a como personalizar o título dos gadgets da sidebar.É bem simples,e você pode usar a sua criatividade para fazer outras alterações e criar estilos diferentes.

No Painel do Blogger,clique em 'Modelo' ,depois 'Editar HTML' .

Aperte Ctrl + F e procure por h2{ 
Abaixo do trecho que você procurou,vai ter algo parecido:

h2 {
  font: $(widget.title.font);
  color: $(widget.title.text.color);
}
Apague toda essa parte,e no lugar cole o seguinte código:

.sidebar h2 {
font-family: Century Gothic; /*Tipo de fonte*/
font-size: 16px; /*Tamanho da fonte*/
color: #000000; /*Cor da fonte*/
border-bottom: 2px solid #fff; /*Borda de baixo, apague se não quiser*/
background: #fbfbfb; /*Cor de fundo*/
text-align: center; /*Alinhamento do texto*/
}
 Agora é só modificar as cores e as fontes como quiser! Se você quiser substituir a cor por uma imagem de fundo,apague esse trecho:

background: #fbfbfb; /*Cor de fundo*/
E cole esse,no lugar dele:

         background: url(LINK-DA-IMAGEM) no-repeat center;
         height: 30px;/*Altura da imagem*/
width: 200px; /*Largura da imagem*/  
 Troque o texto: LINK-DA-IMAGEM pelo link da imagem (dãã).

Agora é só visualizar e Salvar!

Marcadores: ,


FUTURE
PAST