quarta-feira, 2 de junho de 2010

Colocando diferentes ícones em cada título dos widgets da sidebar

 Coloque imagens diferentes em cada uma das widgets do seu blog.Ótimo para blogs que dividem em categorias.

Para isso, vá do Editor HTML do blogger e clique em Explandir modelos de widgets.

Dê um Ctrl + f ou apenas aperte F3 e pesquise o título de umas das suas sidebars.



Encontrando o nome, mais abaixo terá um código como esse :  <h2><data:title/></h2>

Ou poderá ser esse também:  <h2 class='title'><data:title/></h2>

Daí você substitue por estee código:

<h2 class='title'><img src='URL DA IMAGEM'/><data:title/></h2>

Em URL DA IMAGEM coloque o endereço da imagem.

Faça isso com todos os títulos, substituindo apenas a url da imagem por outra diferente ou deixe a mesma.

Marcadores: , ,

11 Comentários:

Às 8 de junho de 2010 18:22 , Blogger Kembely Almeida disse...

Gostei desse ! :D

 
Às 22 de junho de 2010 17:45 , Blogger Dam disse...

Como faço para usar uma imagem comum a todos os widgets sendo ela apenas sobreposta pelos títulos (em texto) de cada widget?

www.twitter.com/DamomRibeiro

 
Às 22 de junho de 2010 22:36 , Blogger Códigos Blogger disse...

Olá amigo, siga o tutorial

http://www.cblogger.tk/2010/06/colocando-diferentes-imagens-em-widgets.html

 
Às 3 de julho de 2010 23:50 , Blogger Marcelo Souza disse...

Excelente tutorial. Consegui, mas tá dando um erro... A imagem fica em cima da que tinha e não aparece toda por estar alinhada a direita.
Como consigo alinhá-la a esquerda?

 
Às 4 de julho de 2010 00:35 , Blogger Códigos Blogger disse...

Esse tuto abaixo é melhor, =D
http://www.cblogger.tk/2010/06/colocando-diferentes-imagens-em-widgets.html

 
Às 4 de julho de 2010 11:44 , Anonymous Marcelo Souza disse...

Infelizmente também não funcionou.
A imagem continua alinhada bem a direita... :(
Mas obrigado por responder.

 
Às 4 de julho de 2010 13:38 , Blogger Códigos Blogger disse...

use a tag "center" para centralizar a imagem

 
Às 4 de julho de 2010 17:34 , Anonymous Marcelo Souza disse...

Fiz uso do código "center", bem como outros códigos que não são aceitos aqui nos comentários, e nenhum conseguiu resolver meu problema.
Felizmente meu chefe se compadeceu da situação e me ajudou! rsrs
Ele tem excelentes conhecimentos em informática, programação, CSS e outros.
Ainda assim, agradeço muito a atenção de vocês. Foi excelente.
Tive de alterar manualmente através do código: "style="position:absolute;top: 597px; left: 830px;""
Fui alterando as medidas e cheguei a solução.
Só tenho a agradecê-los pela atenção.
Obrigado e abração!

 
Às 4 de julho de 2010 20:24 , Blogger Códigos Blogger disse...

Eu que agradeço =D

 
Às 8 de julho de 2010 18:29 , Blogger Áquila Adler disse...

Teu blog é muito maneiro ... mas tá muito bagunçado brother

 
Às 6 de outubro de 2010 23:05 , Blogger DDG-admin disse...

Olá boa noite ??

Tem como recolocar um css de volta em meu blog ??
Tipo assim ó,veja neste blog:
http://www.baixegames.net/the-king-of-fighters-collection-the-orochi-saga-psp

Nos comentários tem éstas imagem,eu uso o mesmo template,só que eu editei as imagens,mais aí eu percebi que no meu template não tem css para ficar igual a este,do comentários deste blog,já baixei varias vezes o template para ver se existe o danado do css,maaas não existe mesmo.
Tem como mi ensinar a pegar esses códigos na fonte do blog ??
Ou criar um para mim,por favor,serei muito grato se vcs mi ajudarem,já pedi pro dono deste blog os códigos só que ele não mi retornou.
Poderia alguem mi ajudar por favor ???

~x( :((

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial