Plugin para botones de compartir grandes

  • Autor Autor CarlosGarrigos
  • Fecha de inicio Fecha de inicio
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.
 
Atrás
Arriba