Apesar de muito pesquisar, não encontrei nada muito didático e fácil para colocar uma simples imagem na coluna direita do meu diário.
Esta dica pode parecer fácil para quem domina os truques no Wordpress, o que não é o meu caso.
Assim, com o objetivo de auxiliar os que encontram a mesma, digamos, dificuldade, reproduzo na íntegra o post que encontrei no Quixotexto (do Cochise César de Divinópolis, MG), que gentilmente me atendeu e autorizou sua publicação.
"Vou atender ao pedido do ditado popular e desenhar... um guia ilustrado de adicionar selos e botões em blogs do Wordpress e Blogger.
Mas antes qual a diferença entre selo botão?
À esquerda tem um botão da campanha Quixote de coração e alma. Ele tem um link que remete para uma página, assim como os botões das campanhas alí à direita.
Ainda à direita você tem um selo que recebi da Maíra do Paradoxalmente ser. Não tem link para lugar nenhum...
Um selo é um presente, uma condecoração, uma medalha... Um botão faz propaganda de um site e em o link para a sua origem... (Se bem se espalharem a bandeira de Quixote sem o link eu não me incomodo nem um pouco...)
Wordpress
Vá na aba "Design" e dentro dela em "Complementos":
Após isso encontra na coluna da esquerda um elemento de texto e adicione-o:
Dentro desse elemento que vai aparecer na coluna da direita coloque o código é é muito simples:
<a href="LINK"><img src="Endereço da imagem" width="100%" /></a> Para botões e:
<img src="Endereço da imagem" width="100%" /> Para selos.
O Atributo width define a largura da imagem... você pode definir em pixels (100, 200, 756, etc.) ou em porcentagem. Se usar 100% ela vai ocupar a maio área possível dentro da coluna.
Depois de adicionada não se esqueça de salvar as alterações...
Após isso é necessário salvar as altrações de novo, mas dessa vez da página, e não do widget:
Pronto.
Blogger:
Escolha a opção "Layout" e escolha "Adicionar um Elemento de Página":
Na janela que abre escolha "HTML/JavaScript" (Note que existe uma opção "Imagem" que é mais prática para selos e para imagens que você tenha no seu computador. Essa opção é a mais adequada para botões).
Na janela que vai abrir coloque o código é é muito simples:
<a href="LINK"><img src="Endereço da imagem" width="100%" /></a> Para botões e:
<img src="Endereço da imagem" width="100%" /> Para selos.
O Atributo width define a largura da imagem... você pode definir em pixels (100, 200, 756, etc.) ou em porcentagem. Se usar 100% ela vai ocupar a maio área possível dentro da coluna.
Salve as alterações.
Pronto."
