quinta-feira, 27 de novembro de 2008

Modificando o link enviar postagem

Hoje você verá como modificar o ícone do rodapé das postagens chamado Enviar postagem que serve para enviar a postagem à alguém, por e-mail. O ícone fornecido pelo Blogger não atrai atenção, e para blogueiros iniciantes não significa nada e por isso mesmo muitas vezes deixam de usá-lo. Por isso, vejamos como modificá-lo para outra imagem, ou para uma frase qualquer.

1. Primeiro, caso você ainda não tenha a opção de mostrar o ícone ativada, vamos para Layout -- Elementos de página .






2. Na seção Postagens no blog clique em Editar.
 




















3. Na janela que aparecerá marque a opção Mostrar links Enviar esta Postagem e salve as alterações.





















4. Agora, vamos na para Layout -- Editar HTML. Marque a caixa Expandir modelos de widgets.


5. Busque o seguinte código:
<span class='post-icons'>

<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>


6. Modifique o trecho
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>

por

<img alt='Enviar postagem' class='icon-action' src='http://url_de_sua_imagem'/> .

Substitua http://url_de_sua_imagem pelo endereço da imagem que substituirá a antiga. (Para achar ícones grátis sugiro o site http://www.iconfinder.net/ ).

7. Se você preferir substituir o ícone por uma frase como "Envie esta postagem à um amigo" ou "Recomende", substitua o trecho

<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>

por

<p style='font-size:100%'>Envie esta postagem à um amigo</p>.

e modifique o texto mostrado em verde pela frase convidando à enviar a postagem.

8. Finalmente, se você quiser mostrar uma imagem juntamente com a frase, cole primeiro o código da imagem e depois o texto como mostrados nos passos 6 e 7.

Salve as alterações e visualize o seu blog. Está pronto!

2 comentários:

Alan Dantas disse...

Qual é o procedimento para quem deseja desmarcar via HTML os itens de "Layout" > "Elementos de página" > "Postagens no blog" como por exemplo o item "Mostrar links Enviar esta postagem"?

Alan A. Dantas
www.arsolto.blogspot.com

Anônimo disse...

Does your blog have a contact page? I'm having a tough time locating it but, I'd like to shoot you an e-mail.
I've got some creative ideas for your blog you might be interested in hearing. Either way, great site and I look forward to seeing it expand over time.


Garcinia Cambogia Safe [http://cambogiasafe.com]

Faça o seu comentário!

Obrigado por deixar seu comentário! Para outros assuntos veja também: