Trabalhando com alguns códigos no Blogspot

Saiba como trabalhar com alguns códigos no Blogspot
No Blogspot, para obter o link da postagem ou permalink, como é chamado:

data:post.url = Permalink ou URL completa da postagem do blog. Deve ser colocando dentro de expr:href='AQUI'
<data:post.title/> = Título da postagem. É uma boa ideia utilizar esse código também na parte 'title' do link
<data:blog.metaDescription/> = Para obter a descrição da postagem. É uma boa ideia colocá-la abaixo do título de sua postagem

Exemplo em um link:
<a expr:href='data:post.url' title='data:post.title'>TEXTO ou IMAGEM AQUI</a>
Como posso utilizar o link de minha postagem junto com outro texto? 

O código do blogspot deve ficar separado do texto no template. Aqui aqui um exemplo de compartilhamento via Facebook:
<a expr:href='&quot;https://www.facebook.com/sharer/sharer.php?u=&quot; + data:post.url'>TEXTO ou IMAGEM AQUI</a>
Perceba que a URL da rede está entre as tags convertidas: "&quot;" e "&quot;". Logo após vem o código do Blogspot.

Outra observação é que no Blogspot a expressão "expr:" deve ser colocada antes do "href". Quanto ao permalink nesse caso ele deve ficar fora dessas tags seguindo "+ data:post.url". Nos exemplos a seguir temos 3 exemplos de como fazer botões de compartilhamento no Blogspot para Facebook, Twitter e Google+.

Facebook
<a expr:href='&quot;https://www.facebook.com/sharer/sharer.php?u=&quot; + data:post.url' onclick='javascript:window.open(this.href, &apos;&apos;, &apos;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&apos;);return false;' rel='nofollow'><img src='URL_DE_ICONE_DO_FACEBOOK'/></a>
Google+
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href, &apos;&apos;, &apos;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&apos;);return false;' rel='nofollow'><img src='URL_DE_ICONE_DO_GOOGLE'/></a>
Twitter
<a expr:href='&quot;http://twitter.com/share?text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url' onclick='javascript:window.open(this.href, &apos;&apos;, &apos;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&apos;);return false;' rel='nofollow'><img src='URL_DE_ICONE_DO_TWITTER'/></a>
Neste caso aqui do Twitter colocamos novamente o código "+ &quot;" para inserir o parâmetro de url que o próprio Twitter pede e novamente "&quot;" para inserir a URL da postagem.

WhatsApp
<a expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot; - &quot; + data:post.url'><img src='URL_DE_ICONE_DO_WHATSAPP'/></a>
Neste exemplo do WhatsApp após compartilhar em um contato ou grupo teríamos algo mais ou menos assim: "Título da postagem ou trecho de código - http://www.site.com".

Copie e cole cada código para compartilhamento após a tag <post-footer-line post-footer-line-3> do seu template.

Não esqueça de avaliar o post e de compartilhá-lo nas redes socais.

Assine nossa news e fique sempre informado.

por FeedBurner, by Google

0 comentários:

Postar um comentário