Olá :)
sabe aqueles gadgets todo bonitinhos, feitos com imagens? Pois é, eles dão um charme a mais no blog, e é por isso que eu vim fazer esse tutorial. Ao contrário do que muitos pensam, trocar o título do gadget por imagem não é tão difícil. Vamos começar?
Primeiro vá em "Design" > "Editar HTML" > Marque a opção "Expandir modelos de widgets"
Feito isso procure pelo nome do gadget que você quer substituir pela imagem. Quando o encontrar, irá aparecer um código parecido com este:
<b:widget id='Label1' locked='false' title='nome do gadget' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title'/></h2>
</b:if>
A parte em rosa é o nome do gadget que você procurou. A parte em vermelho você deve apagar e substituir por este código:
<img src="url da imagem"/>
Troque a parte em azul pela url da sua imagem personalizada. Clique em "Vizualizar". Se tiver tudo certinho, repita o procedimento com todos os gadgets que você quer personalizar e depois clique em "Salvar modelo".
DICA: Se você criou as imagens, mas não sabe como importá-las para poder copiar a url, vá em "Nova Postagem" e, adicione suas imagens como em uma postagem normal. NÃO PRECISA SALVAR O POST. Depois de adicionadas, clique com o botão direito do mouse na imagem escolhida e selecione "Copiar URL da imagem".
Nenhum comentário:
Postar um comentário