Incorporar botones de compartir en blogger

Watsky · 8 Dic 2014

Hola amigos, alguien sabe como poner estos botones grandes de compartir de facebook y twitter:

Disfruta gratis de Amazing Ninja en iOS o Android

Si es asi, me lso podrian pasar? es para blogger, tengo los otros normales pero me gustaria implementar esos, solo con que me dieran la url o codigo para compartir algun post estaria mas que contento, ya el estilo yo lo consigo o la imagen que se ocuparia. Bueno saludos :encouragement:

AlexxxBcN · 9 Dic 2014

Prueba si te funciona

Insertar CODE, HTML o PHP:

<b:if cond='data:blog.pageType == &quot;item&quot;'>


<div style="width: 700px; height: 54px; margin-bottom: 20px; color: #fff; font-size: 18px; font-weight: 300">
                  

  <a id="boton_compartir_abajo" style="width: 336px; padding: 18px 0; color: #fff; float: left; text-align: center; background-color: #2d609b" href="http://www.facebook.com/sharer.php">COMPARTIR</a>



					<a id="boton_twittear_abajo" style="width: 336px; padding: 18px 0; color: #fff; float: right; text-align: center; background-color: #00c3f3" href="http://twitter.com/intent/tweet">TWITTEAR</a>
                </div>

</b:if>

Xauen · 10 Dic 2014

Hola Watsky aquí mismo en ForoBeta hace tiempo que encontré un tutorial que lo explicaba realmente bien. Te dejo el enlace al mismo seguidamente:
Botones grandes de "COMPARTIR" para blogger | Estilo UPSOCL

De hecho, yo mismo lo estoy utilizando en una de mis páginas y queda tal que así (como ves en esta imagen):

Supongo que es lo que andabas buscando, me equivoco?

Bueno, ya nos dirás si te sirvió :encouragement:

DaniehGmz · 10 Dic 2014

Xauen dijo:
Hola Watsky aquí mismo en ForoBeta hace tiempo que encontré un tutorial que lo explicaba realmente bien. Te dejo el enlace al mismo seguidamente:
Botones grandes de "COMPARTIR" para blogger | Estilo UPSOCL

De hecho, yo mismo lo estoy utilizando en una de mis páginas y queda tal que así (como ves en esta imagen):
Ver el archivo adjunto 41370

Supongo que es lo que andabas buscando, me equivoco?

Bueno, ya nos dirás si te sirvió :encouragement:

Que tal amigo, soy nuevo y he intentado colocar esos botones en mi blogger pero no me da resultado, no encuentro </article> y disculpa si no soy claro es que soy nuevo. Saludos espero que me puedas ayudar diciendome en que parte lo colocaste debajo o arriba de que codigo. Gracias

Xauen · 10 Dic 2014

Hola DaniehGmz tiene variaciones según la plantilla con la que estemos trabajando, porque como sabes, no todas las plantillas son iguales.

No obstante, solo tienes que ir a Plantilla > Editar Plantilla > buscas el código " <div class='post-header-line-1'/> " (sin las " ").

Nota: Ten en cuenta que te pueden aparecer dos códigos " <div class='post-header-line-1'/> ", solo tendrías que colocarlo encima como se indica en el tutorial.

De todas formas, si ves que no te funciona puedes hacerlo manual en cada una de las entradas que gustes, copiando:

Facebook

Código HTML:

HTML:

<a href="javascript:var dir=window.document.URL;var tit=window.document.title;var tit2=encodeURIComponent(tit);var dir2= encodeURIComponent(dir);window.location.href=('http://www.facebook.com/share.php?u='+dir2+'&amp;t='+tit2+'');"><img src="http://s2.subirimagenes.com/imagen/previo/thump_9094620fb-copia.png" alt="Compartir"  /></a>

TWITTER

Código HTML:

HTML:

<a href="javascript:var dir=window.document.URL;var tit=window.document.title;var tit2=encodeURIComponent(tit);window.location.href=('http://twitter.com/?status='+tit2+'%20'+dir+'');"><img src="http://s2.subirimagenes.com/imagen/previo/thump_9094618twtr-copia.png" alt="Compartir" /></a>

Ambos

Código HTML:

HTML:

<a href="javascript:var dir=window.document.URL;var tit=window.document.title;var tit2=encodeURIComponent(tit);var dir2= encodeURIComponent(dir);window.location.href=('http://www.facebook.com/share.php?u='+dir2+'&amp;t='+tit2+'');"><img src="http://s2.subirimagenes.com/imagen/previo/thump_9094626fb-copia.png" alt="Compartir"  /></a><a href="javascript:var dir=window.document.URL;var tit=window.document.title;var tit2=encodeURIComponent(tit);window.location.href=('http://twitter.com/?status='+tit2+'%20'+dir+'');"><img src="http://s2.subirimagenes.com/imagen/previo/thump_9094627twtr-copia.png" alt="Compartir" /></a>

Se trataría (en este último caso) de ir copiando el código en cada una de las páginas que quieras que aparezca y debería de funcionar igualmente. Al menos acabo de probarlo y ambas formas funcionan a la perfección.

DaniehGmz · 10 Dic 2014

Gracias por la ayuda, tendra que ser manual, porque fijo no me resulto, y ya encontre ese codigo pero no me da, de igual manera las colocare como tu dices en cada página. Muchas gracias! 😀 🙂

Watsky · 10 Dic 2014

AlexxxBcN dijo:

Prueba si te funciona

Insertar CODE, HTML o PHP:

<b:if cond='data:blog.pageType == "item"'>


<div style="width: 700px; height: 54px; margin-bottom: 20px; color: #fff; font-size: 18px; font-weight: 300">
                  

  <a rel="nofollow" id="boton_compartir_abajo" style="width: 336px; padding: 18px 0; color: #fff; float: left; text-align: center; background-color: #2d609b" href="http://www.facebook.com/sharer.php">COMPARTIR</a>



					<a rel="nofollow" id="boton_twittear_abajo" style="width: 336px; padding: 18px 0; color: #fff; float: right; text-align: center; background-color: #00c3f3" href="http://twitter.com/intent/tweet">TWITTEAR</a>
                </div>

</b:if>

Lo puse pero el de twitter no me ponia nada, pero lo utilizare por lo diseños, le quedan perfecto al tamaño de mi blog y me gustaron los colores exactos a las redes sociales, muchas gracias en verdad amigo :encouragement:

Xauen dijo:
Hola Watsky aquí mismo en ForoBeta hace tiempo que encontré un tutorial que lo explicaba realmente bien. Te dejo el enlace al mismo seguidamente:
Botones grandes de "COMPARTIR" para blogger | Estilo UPSOCL

De hecho, yo mismo lo estoy utilizando en una de mis páginas y queda tal que así (como ves en esta imagen):
Ver el archivo adjunto 41370

Supongo que es lo que andabas buscando, me equivoco?

Bueno, ya nos dirás si te sirvió :encouragement:

Si me sirvio, unire el que me dejo el compañero, pues las imagenes quedaban un poco chicas, pero me quedare con los estilos, este comparte bien, muchas gracias a ambos, se les agradece, ahora queda perfecto, era lo que andaba buscando desde hace dias o semanas y no encontraba nada, solo aqui.

Saludos y que pasen un gran dia :encouragement::encouragement:

Incorporar botones de compartir en blogger

Watsky

AlexxxBcN

Xauen

DaniehGmz

Xauen

DaniehGmz

Watsky

Temas similares