domingo, 8 de janeiro de 2017

Twitter Widget blogger inside post

Tags

twitter widget blogger inside post

Hoje vamos compartilhar esse widget de marie monsley contribuição para aqueles que desejam instalar o Widget no seu template isso serve para criar uma chamada de ação dentro do post do Blogger surgindo essa mensagem para que as pessoas cliquem e compartilhem o post do Blog isso é muito util e também inovador para instalar siga os passos:

Adicionando widget blogger inside post 

Faça login no blogger então va no menu modelo então Editar HTML 
com as teclas combinadas CTRL+F busque por ]]></b:skin> e logo acima disso copie e cole o seguinte código:


.tweetable {
  background: url(https://lh3.googleusercontent.com/-xn235JoaRN8/UsX-dC8twaI/AAAAAAAAP1o/MKgCgVdYUcc/s800/Twitter_logo_white_1.png) 1% 10% no-repeat rgb(177, 99, 163);
  padding: 2em 1em;
  max-width: 800px;
  margin: 20px auto;
  font-family: sans-serif;
  font-weight: lighter;
  font-size: 1.3em;
}

.tweetable:before {
  display: inline-block;
  text-decoration: none;
  content: 'Tweet it! \21e8';
  padding-left: 30px;
  padding-right: 20px;
}

a.tweet-link {
  color: white;
}

Agora procure por </body> e acima disso copie e cole o Código:

$(document).ready(function() {
  $('.tweetable').each(function() {
     var sentence = $(this);
     var permalink = sentence.parents('.post-outer').find('.timestamp-link').attr('href') || $(location).attr('href');
     var tweetable = sentence.text();
     var result = encodeURIComponent(tweetable);
     var link = encodeURIComponent(permalink);
     
sentence.wrap('<a class="tweet-link" href="https://twitter.com/intent/tweet?text=' + result + " " + link +'"></a>');
    });
});

Salve isso 

Ao criar um post clique na aba HTML então adicione o código onde deseja que isso apareça 

<div class="post-outer">
  <a href="aqui-vai-a-url" class="timestamp-link"></a>
<p class="tweetable">aqui vai o texto que vai aparecer no link para clicar!</p>
</div>


Salve e pronto. 

Blogger
Disqus
Escolha o Sistem de Comentario

Nenhum comentário