sábado, 15 de agosto de 2015

Tweet box share mensage blogger

tweet-box-share-mensage-widget-blogger


Hoje vamos colocar esse lindo box tweet no seu blogger isso serve para aumentar também o tráfego do seu blog, colocando uma mensagem para compartilhar no seu blog vamos ao passo de instalação


Como adicionar isso 
Faça login no painel do blogger 
Clique no menu modelo editar html  logo acima dessa tag copie o código abaixo e cole 
procure por a linha de de código    ]]></b:skin>  
 logo acima dessa tag copie o código abaixo e cole  

.tweet-box{ 
background:#55acee; 
padding:20px; 
margin:20px auto; 
color:#fff; 
font-family:Georgia; 
border-radius:5px; 
border:1px solid transparent; 
.tweet-box p{ 
font-size:130%; 
font-style:italic; 
margin:0!important; 
line-height:1.3em; 
a.tweet-this{ 
display:block; 
float:right; 
margin-top:10px; 
color:#fff; 
text-decoration:none; 
transition:all .4s ease-in-out; 
a.tweet-this:hover{ 
color:#002039 

Agora vamos ao passo 2 você deve clicar em novo post no blogger e selecionar a opção html 
então cole esse código 

<div class="tweet-box">
<p id="p1">aqui você escreve a frase que quer compartilhar</p> 
<script>
var twurl = window.location.href;
var twcontent= document.getElementById("p1").textContent;
var twesc=escape(twcontent);
document.write('<a class="tweet-this" href="https://twitter.com/intent/tweet?text='+twesc+'&url='+twurl+'&via=aquivaiseunomedeusuariotwitter&related=aquivaiseunomedeusuariotwitter" target="_blank" title="Tweet This">\
<i class="fa fa-twitter"></i> Tweet This</a> \
<div style="clear:both"></div> \
');
</script>
</div>


Isso vai deixar seu blogger mais interativo  para os usuários 





NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner