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='"https://www.facebook.com/sharer/sharer.php?u=" + data:post.url'>TEXTO ou IMAGEM AQUI</a>
Perceba que a URL da rede está entre as tags convertidas: """ e """. 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+.
<a expr:href='"https://www.facebook.com/sharer/sharer.php?u=" + data:post.url' onclick='javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;' rel='nofollow'><img src='URL_DE_ICONE_DO_FACEBOOK'/></a>Google+
<a expr:href='"https://plus.google.com/share?url=" + data:post.url' onclick='javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;' rel='nofollow'><img src='URL_DE_ICONE_DO_GOOGLE'/></a>Twitter
<a expr:href='"http://twitter.com/share?text=" + data:post.title + "&url=" + data:post.url' onclick='javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;' rel='nofollow'><img src='URL_DE_ICONE_DO_TWITTER'/></a>Neste caso aqui do Twitter colocamos novamente o código "+ "" para inserir o parâmetro de url que o próprio Twitter pede e novamente """ para inserir a URL da postagem.
<a expr:href='"whatsapp://send?text=" + data:post.title + " - " + 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.
0 comentários:
Postar um comentário