Cabeçalho

quarta-feira, 17 de abril de 2013

Como colocar Imagem no Título do Gadget do Blog




Após criar as suas imagens 


vá em Design - Editar Html


marque a caixinha 'expandir modelos de widgets'


aperte Ctrl + F ou F3 vai aparecer uma caixinha de busca


nela pesquise por:





]]></b:skin>





O código vai aparecer destacado em laranja, cole ANTES dele o código abaixo:







.widget .title img{


display: block;


text-align: center;


}





Assim:










Salve.





Ainda em Editar Html, continue com a caixinha 'expandir modelos de widgets' marcada.


Clique em Ctrl + F ou F3 e na caixinha de busca procure pelo título do gadget que você irá trocar por uma imagem.





"Exemplo se você quer trocar onde no seu gadget está arquivo como título procure por arquivo, tá eu sei é óbvio.


Para ver direitinho os títulos é só ir em 'elementos de página'


E no lugar onde está sua sidebar, está com os títulos, mais ou menos assim:










Voltando ao tutorial, quando você procurar na caixinha de busca, o título vai aparecer destacado em laranja


e logo abaixo será mais ou menos assim:














Aonde eu destaquei em vermelho na imagem, é onde vocês vão mexer, apague   <data:title/>   e no lugar cole o código abaixo:





<img src="http://Url da Imagem Aqui"/>





Ficando assim:










Onde está escrito http://Url da imagem Aqui, você apaga e coloca a Url da imagem desejada.





Depois é só ir procurando pelos títulos dos gadgets na caixinha de busca e repita o processo citado acima.





O resultado final é esse:










Related Posts Plugin for WordPress, Blogger...
Posts Relacionados