Tutorial | Imagem no título da Gadget

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