1 2 3 4

Botando Imagem no titulo do widget do blogger. Tutorial



Oi Gente, cheguei com mais um tutorial para vocês, espero que gostem vamos lá né.


Oi Gente, Sejam bem vindos a mais uma video aula, espero que gostem dessa também.

Nesta video aula, vou ensiar a todos vocês a por uma imagens, no titulo da widgets do blogger.

Simples e facil.

Va em DESIGNER > EDITAR HTML > EXPANDIR MODULOS WIDGETS.

Agora de Ctrl + F, e pesquise por h2.
Como na imagem abaixo.

Clique na imagem para ampliar.
Ai você da um enter e logo em baixo vc poem este codigo

  height:35px;
  background:url(link)repeat-x; ( caso sua imagem tenha tipo 1 px você poem repeat-x;)

  background:url(link) no-repeat; ( caso sua imagem ja tenha o tamanho serto para ser posta ali)

Então você em link ponha o URL da sua imagem.

Salve e vizualize o seu blogger.

Prestem bem atenção, que pegou a data la em cima da postagem, para quem quiser tirar bastar ir, nos widgets, ir nos de postagem e desmarcar, a data, não ira aparecer mais.

Observem que quando você poem isso na widget, o texto da widget não fica centralizado, vamos centralizalo agora.

Volte onde você estava do h2
logo abaixo da imagem que vc botou, de ENTER, e da uns dois espaços e digita.

padding-top:15px;
padding-left:10px

Caso vocês queirão o texto mais a frente você vau no padding de 15px e vai aumentando ate ficar do geito que você quer.

Salve e vizualize seu blogger, espero que tenhão gostado deste tutorial.

Beijos - João.

Nenhum comentário:

Postar um comentário

Regras -

Não Xingue
Não Ofenda
Não Implique
Não Poste coisas impróprias

Beijos - João Victor