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)
. . . .
Se você gostou, curta a nossa página!
Se você amou, compartilhe o post!
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!