1.Acesse o painel do Blogger (blogger.com)
2.Vá em "Layout"->"Editar HTML"-> marque "Expandir Modelos de Widgets"
3.Procure pelo seguinte código (Utilize Ctrl e F para procurar):
<data:post.body/>4.Antes dele insira o seguinte código modificando de acordo com a "Nota":<div style='float:right;padding:4px;'>
<a expr:href='"http://promote.orkut.com/preview?nt=orkut.com&du=" + data:post.url + "&tt=" + data:post.title + "&tn=http://imgur.com/pWdpG.jpg&cn=@noticiaeblog"' target='_blank'>
<img src='http://i48.tinypic.com/9urbs9.png'/>
</a></div>
Nota: Em vermelho é a URL da imagem que será exibida nos links de suas postagens. Em verde é uma descrição que será exibida em todos os links de suas postagens, não coloque uma descrição especifica coloque uma neutra que servirá para todos seus links. Em azul é a imagem que servirá de botão a que está é uma padrão como está abaixo:
Se quiser outra basta substituir pela URL da imagem que desejá como botão.
5.Salve as alterações e visualize o resultado.
17 Comentários
Cade o meu banner do seu site?, eu não o vejo em lugar algum
@Jc Denton, seu banner está sim só como já foi dito nas regras os banner são aleátorios mas geram pagerank você pode ver o status do seu banner neste link http://sjnanet.co.cc/ads/index.php?stats
Eu curti muito, mas eu queria que a miniatura que fosse mostrada fosse automaticamente a do post que eu estou divulgando. Tem como adaptar o código pra isso?
Existe um feito em Java/Script mas ele está com problemas para o Blogger.
Pois é. Eu vi. Só consigo usar esse em java, se colocá-lo na sidebar. Se tentar coloca-lo no topo da postagem, ele se multiplica e aparece um monte deles, destruindo o meu layout.
Valeu a dica
Tentei em outros blogs e não conseguia.
Parabéns pelo trabalho.
Cleisson
gostei dessa dica ,vou encorporar no meu blog ...
valeu.
Onde Fica o post-footer-line-2 ou post-footer-line-1?
Amigo valeu pelo post
pois fiquei um dia inteiro vasculhando pela net e quebando a cabeça até encontrar seu tutorial que deu certinho Valeu que Deus te abençoe
Olá!
Prá mim não deu certo...
Apareceu a seguinte mnsagem:
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The element type "div" must be terminated by the matching end-tag "
@Lívia Fabi
Corrigi o erro no código tente de novo...
Olá!
Adora deu certo!
Obrigada! ;)
@Notícia e blog
Agora deu certo!
Obrigada! :)
The best
Valeu amigo, belíssima dica.
A parte em vermelho descrita na NOTA é http://imgur.com/pWdpG.jpg - ela está aparecendo em azul. Você pode visualizar uma foto no seu álbum do picasa, por exemplo, e copiar a URL substituindo a da nota.
Forte abraço.
obrigada pela dica , visite meu blog:
meucantinhonomundo.blogspot.com
o único que deu certo vlw ae
Postar um comentário
Deixe seu comentário aqui
Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.