Adicionar Icon Imagem ao Lado dos Títulos da Barra Lateral do Blogger 0

João Santos | 13:09 | ,


Neste post eu tenho uma dica de design elegante para o seu Blogger apenas um trecho pequeno de código HTML que você pode adicionar um ícone ao lado dos títulos em sua barra lateral. Parece ótimo e também ajuda a sua barra lateral à aparecem menos desordenado. Você pode adicionar qualquer ícone que você gosta a única restrição será o tamanho da imagem que uso como ela precisa ser semelhante em tamanho. Só texto do título permite olhar para um demo eu criei, eu adicionei um simples Green Star Icon ao lado dos títulos na demo.

Demo: Imagem ícone ao lado do título da barra lateral  

Etapa 1: Design editar HTML.

Etapa 2: Para  uma melhor visualização Control+F E em seguida localize esse código aqui : ]]></ b: skin>

3. Passo Copie e cole o seguinte código imediatamente antes / acima de ]]></ b: skin>

.sidebar h2 {
background:url(URL DA IMAGEM AQUI);
background-repeat: no-repeat;
background-position:left center;
padding:10px 3px 0 30px;
} 

Observação - Você deve agora adicionar o URL da imagem onde está "IMAGE-URL" com a imagem que você deseja exibir.
Encontrar Imagens - Google pesquisa de imagens é uma maneira rápida para localizar a imagem. tamanho certo você procura em  imagens do Google que você pode usar as opções à esquerda para escolher o tamanho exato que você deseja encontrar.Quando estiver satisfeito salvar modelo e confira como ficou. Até a próxima pessoal.


Gostou do artigo? Assine via e-mail e receba atualizações do blog imediatas em sua caixa de entrada ou se preferir assine via RSS/Feed. Vira fã no Facebook.

0 Responses So Far:

- Comentário Moderados -

Não aceitamos por aqui:

- comentário nada a ver com o artigo.

- Links de propaganda (Spam).

- Link de divulgação de seu Blog/Site.

- Pedido de parcerias.

- Com palavrões e onfensas.

Enfim, é simples coisas desnecessárias serão removida, qualquer dúvida temos uma página de Contato.
Agradeço pela compreensão.

 
DiretorioUP Copyright © 2010 is Designed by Lasantha Page Rank Technology Blogs - Blog Rankings Technology (Electronics) - TOP.ORG Home | RSS Feed | Comment RSS