sexta-feira, 3 de junho de 2011

Tutorial: Fonte diferente nos títulos dos Gadgets da barra lateral

Oi gente!! Atendendo ao pedido da Giovana do blog  Barra di chocolate, hoje vou ensinar como usar imagens bonitnhas nos títulos das colunas laterais, igual eu uso. Reparem que na minha sidebar, os títulos tem uma fonte diferente e brilhosa, que nada mais é do que uma imagem que eu fiz no photoshop.

Existem duas maneiras para se fazer isso. Uma requere conhecimentos básicos de HTML e na outra vc só usa o gadget de imagens do próprio blogger. Vou começar pelo modo que usa o gadget!



1° -  Faça uma imagem de 200 pixels de largura por 40 pixels de altura contendo o nome do seu gadget. Essas medidas podem variar de acordo com o layout do seu blog. O recomendado é vc fazer a imagem da largura da sua sidebar.



2° - No painel do blogger clique em design. Vai abrir a página de editar layout (organizar e adicionar elementos de página). Clique em adicionar gadget, e na janela que abrir escolha o gadget "Imagem":
3° - Clique no botão "Escolher arquivo" para escolher a imagem que vc fez no seu computador. Faça como no print:
4° - Espere sua imagem carregar e depois clique em salvar. Agora esse gadget vai aparecer na página "Editar Layout". Arraste esse gadget para ficar em cima do gadget que vc quer por o título personalizado. No exemplo abaixo, estou colocando uma imagem como título do Perfil do blogger:
5° - Agora clique em "Editar" nesse gadget que ficou abaixo da imagem. Vai abrir uma janelinha, nela, apague o título do gadget.


6° - Salve as mudanças e pronto! É só repetir o mesmo processo com todos os itens que vc quer por imagem como título. É importante sempre apagar o título dos gadgets, senão vai ficar aparecendo a imagem toda bonitinha, com um outro título embaixo, ok?


Como eu disse no início do post, também dá pra fazer isso usando códigos HTML. Pois é, eu aprendi isso no site Mundo Blogger, portanto, em vez de copiar o tuto da garota, vou por o link do post onde ela explica tudo direitinho e sem complicações: http://www.mundoblogger.com.br/2009/10/substituir-titulos-da-sidebar-por.html


Qualquer dúvida em relação aos tutoriais, pergunte nos comentários ou pelo formspring na coluna esquerda do blog!


Espero que tenha sido útil! Kissus!!

RESULTADOS DO TUTORIAL:





Um comentário:

O blog Garota Etc é um blog que produz conteúdos originais de diferentes temas. Espiritualidade, astrologia, viagens e etc.
Aqui você terá acesso a fotos e notícias. Textos sobre a sociedade e o mundo em que vivemos. Criticas sociais e entretenimento.
Acesse o blog e fique por dentro das novidades.
Comente e divirta-se.