Hoy les traigo un nuevo tutorial que trata de como poner los botones flotante para compartir las entradas en twitter, facebook y google +1. Este es un tutorial muy sencillo que tiene como resultado los botones flotantes que se visualizarán en el lado izquierdo de cada entrada del blog.
Vamos con los pasos a seguir...
 |
| pinchar para ver en grande |
Ahora pulse simultáneamente las teclas Ctrl+F para buscar el siguiente código:
]]></b:skin>
Antes el código anterior pegan el siguiente código
table#RedesSociales{
position:fixed;
top:150px;
left:5px;
z-index:200;
}
Ahora pulsen de nuevo las teclas Ctrl +F y busquen el siguiente código:
Y luego del primero que encuentren, pegen el código que se encuentra en la siguiente caja:
<b:if cond='data:blog.pageType == "item"'>
<table border='0' cellpadding='6' id='RedesSociales'><tbody>
<tr><td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=box_count&show_faces=false&width=73&height=60&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:60px'/></td></tr>
<tr><td><a class='twitter-share-button' data-count='vertical' data-lang='es' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td></tr>
<tr><td><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></td></tr>
</tbody></table>
</b:if>
<table border='0' cellpadding='6' id='RedesSociales'><tbody>
<tr><td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=box_count&show_faces=false&width=73&height=60&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:60px'/></td></tr>
<tr><td><a class='twitter-share-button' data-count='vertical' data-lang='es' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td></tr>
<tr><td><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></td></tr>
</tbody></table>
</b:if>
Ahora solamente tienes que guardar y ya aparecerán tus botones flotantes para que tus lectores puedan compartir tus entradas con el Social Media Network.
Espero que les gustara este nuevo tutorial, recuerden que agradecer no cuesta nada y nos vemos con otro tutorial "Para ti blog" que salve por ahí del ciberespacio.
Agradecimientos por el Código a Ciudadblogger.
no funciona!!
ResponderEliminarAnónimo, ya funciono había un pequeño error. gracias por avisarnos, el cambio es que, es antes de ]]> no después
ResponderEliminarYa lo probamos y funciona, saludos
no me aparece el segundo codigo :(
ResponderEliminarpusiste expandir plantillas de artilugios? como no te aparece?
ResponderEliminarCuando Busco
ResponderEliminarAparece Sin Resultados, A Lo Cual, No Se Donde Colocar La 2da Linea
Cuando Busco la Parte: "Clear For Photos Floats", No Arroja Ninguna Busqueda !
ResponderEliminarAndres, tienes que darla al cuadro "Expandir plantillas de artilugios"
ResponderEliminar, de otra manera no te encontrara ese código, avísame como te va xoxo
Como Deberia Ser para que no fueran flotantes y quedaran abajo de las estradas??? por favor ayuda
ResponderEliminarA mi tampoco me sale :(
ResponderEliminarLo probé ayer y funciona perfectamente. Después de mi último cambio de platilla perdí las opciones para compartir contenido, así que esto me vino como anillo al dedo. Muchas gracias ^^
ResponderEliminarLa verdad no se entiende bien,no esta muy mal explicado. Los botones no aparecen
ResponderEliminarNo entendí nada
ResponderEliminarIWC Replica
ResponderEliminar