/*--Resumo do post--*/ z


Tutorial | Imagem no título da Gadget

Como muita gente sabe, eu faço layout para blogs e sites (inclusive esse rsrsrs ), e ha muito tempo eu tenho vontade de compartilhar algumas dicas básicas para os blogueiras de plantão personalizarem suas páginas.

Esse é o primeiro post com um tutorial para o Blogger. Ele é uma junção de várias dicas que coletei nos grupos de programadores e apliquei nas páginas que eu produzi.

Nesse tutorial eu mostro como personalizar o título da gadget. Bem 'facinho' e bem simples...
Vamos ao passo a passo.

Antes de iniciar faça um back up do modelo do seu blogger. (salve o seu modelo para poder recolocar caso faça alguma alteração incorreta, ou use o seu blog de testes para treinar)

     
Clique na foto para aumentar


Nessa mesma página clique em EDITAR HTML. Selecione o widget que você deseja editar.


Clique nas duas flechinha pretas que vão aparecer na lateral. Ao expandir, você irá encontrar um código parecido com esse:

< h2 class='title'>< data:title />< /h2 >


Selecione a parte que esta destacada em vermelho e apague. Substitua pelo códio abaixo:

< img src =" URL DA IMAGEM " />

Substitua o trecho em vermelho pela URL da sua imagem. Você deve hospeda-la em um site tipo o Picasa Web. No Picasa basta vc fazer o upload da imagem, clicar encima dela com o botão direito e selecionar 'Copiar URL da imagem'.

Agora clique e visualizar o blog. Se estiver de acordo com o que você esperou, é só salvar!

Dicas importantes:
Para a imagem aparecer você deve ter algo escrito no título da gadget
Caso sua imagem já esteja com o título, vá em MODELO > PERSONALIZAR e selecione a opção AVANÇADO.



Selecione a opção TÍTULO DA GADGET e escolha a opção TRANSPARENT.
Depois é só clicar em Aplicar no Blog e seus gadgets irão aparecer conforme a imagem que você inseriu.

Aqui vai alguns brindes. Para copiar as imagens basta clicar encima dela com o botão direito e selecionar 'Copiar URL da imagem'.







Espero que seja útil. Qualquer dúvida, pode deixar nos comentários que assim que der eu respondo ;)



. . . .
Se você gostou, curta a nossa página!

Se você amou, compartilhe o post!


Nenhum comentário:

Postar um comentário