• Twitter
  • Facebook
  • Google+
  • Instagram
  • Youtube

quarta-feira, 18 de março de 2015

Como adicionar Simple Post botões de compartilhamento para o Blogger

Este fácil de seguir blogger tutorial explica como adicionar simples e bonitas botões pós partes em seu blog blogger.Você pode compartilhar seus posts no "Facebook", "Twitter", "Google Plus", "Stumbleupon" e "Digg" redes sociais depois de adicionar este botão em seu blog.
Aqui eu estou indo para adicionar este partes botões abaixo título do post no meu blog blogger.
Primeiro, vá em "Editar HTML" do seu blog e encontrar]]> </ b: skin> tag.
Adicione o código abaixo logo acima ]]> </ b: skin> tag:

.btt-socialshare {margin: 10px 0}
.btt-socialshareul{margin:0!important;padding:0!important;list-style:none;list-style-type:none;line-height:1}
.btt-socialshareul li {margin: 0 10px 0 0 importante; padding: 3px 8px importante; list-style:!;-tipo list-style nenhum importante: none; display: inline-block}
.btt-socialshareul li.btt-share-presente {padding: 3px 3px 8px 0 importante!}
.btt-socialshareul li.btt-facebook {background: #! 3c5b9b important}
.btt-socialshareul li.btt-twitter {background: #! 2daae1 important}
.btt-socialshareul li.btt-google {background: # f63e28 importante!}
.btt-socialshareul li.btt-stumbleupon {background: # eb4924 importante!}
.btt-socialshareul li.btt-digg {background: # 1b5891 importante; margin: 0 importante!}
li um .btt-socialshareul, .btt-socialshareul li a: visited {color: # fff importante; text-decoration: nenhum importante; font-style: italic}
.btt-socialshareul li a: hover, .btt-socialshareul li a: active {! color: # fff importante; text-decoration: underline importante!}
.btt-socialshareul li p {margin: 0}
Agora, encontrar esta linha:
<B: id includable = 'post' var = 'post'>
Desloque-se lentamente até ver esta linha:
<Div class = 'post-header-line-1' />
Agora adicione o código abaixo logo após linha acima:
<B: if 'dados: blog.pageType == "item"' = cond>
<Div class = "btt-socialshare '>
<Ul class = "btt-socialshareul 'id =' btt-socialshareul '>
<'Btt-share-presente' li class => <p> Compartilhe este artigo </ p> </ li>
<Li class = "btt-facebook '>
<A expr: href = '& quot; http:? //www.facebook.com/share.php V = 4 & amp; src = bm & amp; u = & quot; + Dados: post.url + & quot; & amp; t = & quot; + Dados: post.title ' return false; " rel = título 'nofollow' = 'Compartilhar esta em Facebook "> <p> Facebook </ p> </a>
</ Li>
<Li class = "btt-twitter '>
<A expr: href = '& quot; http: //twitter.com/home status = & quot;? + Dados: post.title + & quot; - & Quot; + Dados: post.url 'rel =' 'title =' nofollow Tweet Este "> <p> Twitter </ p> </a>
</ Li>
<Li class = "btt-google '>
<A expr: href = '& quot; https: //plus.google.com/share url = & quot;? + Dados: post.url "onclick =" javascript: window.open (this.href, & quot; & quot ;, & quot; menubar = no, toolbar = no, resizable = yes, barras de rolagem = yes, height = 600, width = 600 & quot ;); return false; " rel = título 'nofollow' = 'Compartilhar esta em Google +'> <p> Google + </ p> </a>
</ Li>
<Li class = "btt-stumbleupon '>
<A expr: href = '& quot; http:? //www.stumbleupon.com/submit Url = & quot; + Dados: post.url + & quot; & amp; title = & quot; + Dados: post.title 'rel =' 'title =' nofollow Tropeçar em algo bom? Partilhe-o em StumbleUpon '> <p> Stumble </ p> </a>
</ Li>
<Li class = "btt-digg '>
<A expr: href = '& quot; http:? //digg.com/submit Fase = 2 & amp; url = & quot; + Dados: post.url + & quot; & amp; title = & quot; + Dados: post.title 'rel =' 'title =' nofollow Digg this "> <p> Digg </ p> </a>
</ Li>
</ Ul>
</ Div>
</ B: if>
Salve o tema. Agora, os botões sociais serão exibidos em páginas de postagem do seu blog.
Encontre resultados será parecido com este:
Blogger social Compartilhar Buttons













Contacto

Entre em contato comigo


Adress/Street

São Tomé and Principe

Phone number

(+239) 9973400

Website

#