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

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.

Via: http://www.spiceupyourblog.com/