Como colocar imagem no lugar de títulos de Gadgets


Oi sucos de abacaxi com hortelã como vão?
Hoje vim ensinar como colocar imagens em vez do título de gadgets
Primeiro você precisa ter as suas imagens prontas tipo esta:
*Só lembrem:vocês vão ter que fazer uma imagem correspondente á cada gadget.Para saber mais clique em Continuar Lendo,ou mais informações,sei lá!


Claro que a sua imagem não precisa ser igual, você pode fazer como preferir.
E a sua imagem precisa ter a mesma largura ou ser um pouquinho menor que a sua sidebar, se não a imagem vai ficar saindo pra fora da sidebar.

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.

Dica- Para pegar a Url de uma imagem, não é necessário hospedá-la, você pode fazer uma postagem, normal como você faz sempre no seu blog, e nela você coloca a imagem, normal também, do mesmo jeito que você coloca imagens no seu blog, depois é só clicar com o botão direito do mouse e clicar em 'copiar url da imagem', não precisa nem publicar a postagem, é só colocar a imagem clicar e copiar a url, simples assim.

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


Um comentário:

Carolzinha disse...

Pena que a parte dos membros eu não consegui arrumar...