Substituir titulo da sidebar por uma imagem

Como da para perceber aotitulo que fica na sidebar não é tão legal, pois quem entra no blog quase nem percebe, então resolvi colocar uma imagem para melhor ela veja aqui um exemplo:

O titulo Leia Também é a substituição do titulo da sidebar.



Então vamos lá.

Primeiramente salve uma copia do seu blogger em caso de acontecer algo inesperado

Vá em >>Designer>>Editar Html >> Depois clique em >>Baixar Modelo Completo.

Fazendo As modificações:

Crie uma imagem com o nome do titulo com a mesma largura de sidebar-wrapper.

Por Ex:

.sidebar-wrapper {
width: 330px;

sua imagem deve ter 330 de largura.


Depois de ter criado a imagem , Hospede em um site >
http://imageshack.us/

Agora entre na edição HTML do seu template, clique em "Expandir modelos de widgets" e procure pela tag]]></b:skin>
e cole ANTES dela o código a seguir:


.widget .title img{
display: block;
text-align: center;
}

Clique na caixinha "Expandir Modelos de Widgets" e Procure pela palavra Marcadores ou pelo codigo Abaixo.

<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
Logo abaixo deste codigo veja que tem algo assim:

<h2 class='title'><data:title/></h2>
Basta substituir o codigo acima por este codigo Abaixo, mas não se esqueça de escolher uma imagem para o titulo :
 <h2><img src='http://img18.imageshack.us/img18/8241/menudmg.png'/></h2>
Salve e veja o resultado
Previous
Next Post »