Plugin para botões de compartilhar grandes

  • Autor Autor CarlosGarrigos
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Así lo tiene esa web:

HTML:
<div class="facebook"><a class="afbk" href="#" onclick="sharefb()">
COMPARTIR</a></div>

CSS:

HTML:
.share-buttons .facebook {
margin-right: 2px;
background-image: url('/wp-content/themes/cut/images/fblogo.png');
background-size: 20px 20px;
background-color: #2d609b;
background-repeat: no-repeat;
}
.share-buttons .facebook {
margin-bottom: 10px;
margin-top: 5px;
width: 45%;
float: right;
margin-right: 2px;
color: #fff;
font-size: 0.95rem;
text-rendering: optimizeLegibility;
text-align: center;
line-height: 40px;
position: relative;
display: inline-block;
cursor: pointer;
height: 40px;
background-position: 15% 50%;
}

Javascript:

HTML:
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('2 U(){3.7("D-A").5="T"}2 S(){3.7("D-A").5="R"}2 V(){4 8=a.L(\'W://10.P/n?u=\'+w(N.K),\'s-n-G\',\'B=C,H=Z\');4 k=a.O(2(){z{9(8==g||8.J){a.M(k);9(!p(\'q\')){r()}}}v(e){}},x);d 8}2 Y(){4 8=a.L(\'X://Q.s.P/y/y.11?u=\'+w(N.K),\'s-n-G\',\'B=C,H=1g\');4 k=a.O(2(){z{9(8==g||8.J){a.M(k);9(!p(\'q\')){r()}}}v(e){}},x);d 8}2 r(){3.7("l-b").5="t";3.7("b-m").5="t"}2 1f(){3.7("l-b").5="h";3.7("b-m").5="h"}2 12(){3.7("l-b").5="h";3.7("b-m").5="h";I(\'q\',1e,1h);d 1i}2 p(c){4 0=3.F;4 6=0.i(" "+c+"=");9(6==-1){6=0.i(c+"=")}9(6==-1){0=g}1j{6=0.i("=",6)+1;4 f=0.i(";",6);9(f==-1){f=0.1d}0=1c(0.16(6,f))}d 0}2 I(c,E,o){4 j=15 14();j.13(j.17()+o);4 0=18(E)+((o==g)?"":"; 1b="+j.1a())+"; 19=/";3.F=c+"="+0}',62,82,'c_value||function|document|var|className|c_start|getElementById|win|if|window|after|c_name|return||c_end|null|invisible1|indexOf|exdate|interval|ctrl|pop|share|exdays|getCookie|hide|createDialog|facebook|visible1||catch|encodeURIComponent|1000|sharer|try|span|width|626|overlay|value|cookie|dialog|height|setCookie|closed|href|open|clearInterval|location|setInterval|com|www|invisible|change2|visible|change1|sharetw|http|https|sharefb|336|twitter|php|closePopupC|setDate|Date|new|substring|getDate|escape|path|toUTCString|expires|unescape|length|true|closePopup|436|30|false|else'.split('|'),0,{}))

Intenta a ver si funciona

No se si exista un plugin, casi no uso wordpress 😕
 
Así lo tiene esa web:

HTML:
<div class="facebook"><a class="afbk" href="#" onclick="sharefb()">
COMPARTIR</a></div>

CSS:

HTML:
.share-buttons .facebook {
margin-right: 2px;
background-image: url('/wp-content/themes/cut/images/fblogo.png');
background-size: 20px 20px;
background-color: #2d609b;
background-repeat: no-repeat;
}
.share-buttons .facebook {
margin-bottom: 10px;
margin-top: 5px;
width: 45%;
float: right;
margin-right: 2px;
color: #fff;
font-size: 0.95rem;
text-rendering: optimizeLegibility;
text-align: center;
line-height: 40px;
position: relative;
display: inline-block;
cursor: pointer;
height: 40px;
background-position: 15% 50%;
}

Javascript:

HTML:
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('2 U(){3.7("D-A").5="T"}2 S(){3.7("D-A").5="R"}2 V(){4 8=a.L(\'W://10.P/n?u=\'+w(N.K),\'s-n-G\',\'B=C,H=Z\');4 k=a.O(2(){z{9(8==g||8.J){a.M(k);9(!p(\'q\')){r()}}}v(e){}},x);d 8}2 Y(){4 8=a.L(\'X://Q.s.P/y/y.11?u=\'+w(N.K),\'s-n-G\',\'B=C,H=1g\');4 k=a.O(2(){z{9(8==g||8.J){a.M(k);9(!p(\'q\')){r()}}}v(e){}},x);d 8}2 r(){3.7("l-b").5="t";3.7("b-m").5="t"}2 1f(){3.7("l-b").5="h";3.7("b-m").5="h"}2 12(){3.7("l-b").5="h";3.7("b-m").5="h";I(\'q\',1e,1h);d 1i}2 p(c){4 0=3.F;4 6=0.i(" "+c+"=");9(6==-1){6=0.i(c+"=")}9(6==-1){0=g}1j{6=0.i("=",6)+1;4 f=0.i(";",6);9(f==-1){f=0.1d}0=1c(0.16(6,f))}d 0}2 I(c,E,o){4 j=15 14();j.13(j.17()+o);4 0=18(E)+((o==g)?"":"; 1b="+j.1a())+"; 19=/";3.F=c+"="+0}',62,82,'c_value||function|document|var|className|c_start|getElementById|win|if|window|after|c_name|return||c_end|null|invisible1|indexOf|exdate|interval|ctrl|pop|share|exdays|getCookie|hide|createDialog|facebook|visible1||catch|encodeURIComponent|1000|sharer|try|span|width|626|overlay|value|cookie|dialog|height|setCookie|closed|href|open|clearInterval|location|setInterval|com|www|invisible|change2|visible|change1|sharetw|http|https|sharefb|336|twitter|php|closePopupC|setDate|Date|new|substring|getDate|escape|path|toUTCString|expires|unescape|length|true|closePopup|436|30|false|else'.split('|'),0,{}))

Intenta a ver si funciona

No se si exista un plugin, casi no uso wordpress 😕

AMigo, sabes como colocarlo?
 
Busco lo mismo, no se si hay algun plugin que lo añada automaticamente.
 
Alguien sabe como colocar esto en blogger o en wordpress? :encouragement:
 
[MENTION=38042]AndreayYap[/MENTION] [MENTION=45738]Ociotel[/MENTION]

En Blogger antes de </head>

HTML:
<style type='text/css'>
#bg-button {
padding: 10px 0;
float: right;
width: 365px;}
.fbshare {
background: url(//2.bp.blogspot.com/-0JfSdR7virM/U9mM28RulwI/AAAAAAAAB-w/-vMjt6cfrys/s1600/fbshare.PNG);
width: 180px;
height: 40px;
float: left;
margin: 0 5px 0 0;}
.ttshare {
background: url(//4.bp.blogspot.com/-gJfohFn1khU/U9mM4L1ApNI/AAAAAAAAB-4/XNfDZUMjihw/s1600/ttshare.PNG);
width: 180px;
height: 40px;
float: right;}
</style>
<script src='https://dl.dropboxusercontent.com/s/8y1e0ihydf9pd9g/share.js' type='text/javascript' />

Y donde quieran que salgan los botones:

HTML:
<div id='bg-button'>
  <a class="afbk" href="#" onclick="sharefb()" title='Compartir en Facebook'><div class="fbshare"/></a>
  <a class="atwi" href="#" onclick="sharetw()" title='Compartir en Twitter'><div class='ttshare'/></a>
  <div style='clear:both'/>
  </div>
 
Una pregunta que podrá sonar tonta, pero ¿creen que podría tener problemas de derechos legales o ser denunciado si copio este código en mi sitio?
 
Una pregunta que podrá sonar tonta, pero ¿creen que podría tener problemas de derechos legales o ser denunciado si copio este código en mi sitio?

Ante la duda lo mejor es consultar con los autores del sitio web. Yo siempre es lo que decido hacer. Por cierto hablando de pedir permisos, voy a solicitar uno que tengo pendiente.
 
Voltar
Topo