Tutorial: Mejora la visibilidad de tus publicaciones con botones de redes sociales

[elcuervito]

Antes que nada les quiero agradecer a todos los que en este foro me ayudan con mis dudas, desde que me uní aquí estoy aprendiendo un montón de cosas!



Tutorial

Entrar en la Edición HTML del blog y marcar la casilla Expandir plantillas de artilugios, luego busca la etiqueta:

<div class='post-footer-line post-footer-line-1'>

Exactamente después de esto pegamos lo siguiente

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0' cellpadding='6' style='width: 50%;'><tbody>
<tr><td><a class='twitter-share-button' data-count='horizontal' data-lang='es' href='http://twitter.com/share'>Tweetear</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td><td><g:plusone size='medium'/></td>
<td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?locale=es_ES&amp;href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;height=21&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:21px'/></td>
</tr>
</tbody></table></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dcddcb73e3ba0d2"></script>
</b:if>

guardar y el resultado se vera como aqui Añadir las redes sociales en blogger - Como Buscar

 

[Carlos Arreola]

Tutorial aprobado y agregado al listado.

 

[Sting]

Excelente tuto, gracias por compartir. :encouragement:

 

[elcuervito]

Aclaro que las etiquetas code no forman parte del codigo

 

[frN13]

lo de addthis esta de mas.

 

[elcuervito]

lo de addthis esta de mas.

ya lo arregle

aclaro que las etiquetas code no forman parte del codigo

ya lo borre

 

[milusito]

Gracias andaba buscando algoasi:welcoming:

 

[Addex]

Se agradece 🙂

 

[elcuervito]

Excelente tuto, gracias por compartir. :encouragement:

de nada, te funciono bien alguna duda?

Gracias andaba buscando algoasi:welcoming:

de nada, te funciono bien alguna duda?

Se agradece 🙂

por nada, te funciono bien alguna duda?

 

[Jesus Dugarte]

anteriormente usaba los de addthis, ahora uso los de sharethis. Buen aporte compañero sigue asi. Saludos

 

[shruken]

muchisimas gracias amigo,queda muy bien,te pasaste y gracias por arreglarlo

 

[Dude]

Funciona a la perfeccion, gracias.

 

[Arturo Moita]

Pues se tendrá que probar. Gracias por el dato.

 

[jdrb14]

No me ah servido en 2 intentos en blogger, bueno me tocara conformarme con los logos pequeños de mi plantilla

 

[alejorubio07]

esto me servira mucho para mi blog

 

[virux]

No me ah servido en 2 intentos en blogger, bueno me tocara conformarme con los logos pequeños de mi plantilla

lo que se le paso decir a http://forobeta.com/member.php?u=42320

es que

<div class='post-footer-line post-footer-line-1'>

aparece 2 veces, busca el 2do que aparece mas o menos así

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>

y ya abajo de footer-line-1 ahi pegas el código, a mi no me salio a la primera por eso busque si había una segunda linea igual 🙂

 

[ivan14]

Bien Echo!! 😀 Buen tutorial!

 

[Shav0xox]

Gracias me funciono D:

 

[caeddeka]

Gracias por el aporte!

 

[Mugiwara]

Hola no me funciona, pegue todo el código donde dices y no paso nada