Gadget: Boton Tweet de twitter

este boton fue creado por twitter para que la gente compartiera lo que le gusta de una pagina en twitter.
el boton es facil de poner siguiendo estos pasos.
  • BOTON TWEET DE TWITTER
  • BOTON DE SGUIDORES DE TWITTER (follow).
  • BOTOn DE ETIQUETAR DE TWITTER.
  • BOTON DE MENCIONAR DE TWITTER.
  •  ve a esta pagina twitter- tweet buton y sigue los pasos que te de
  • WEB TWITTER GADGETZ
  • ve a diseño de HTML de tu blog y expande plantilla de artilugios
  • presiona Ctrl + f para una busqueda rapida.
  • busca la siguinete etiqueta para agregarla debajo de la entrada.
<div class='post-footer-line post-footer-line-1'>
  • debajo de ella pon el codigo que te de twitter
  • y listo el boton se vera haci



  • Actualizado este boton ahora hay cuatro botones diferentes pero el primero tiene la funcion de tres. (Compartir enlace, Etiquetar a #user, Mencionar a @user) y el otro es otra funcion (Seguir a @user).
COMO PONER EL BOTON COMO GASGET
  • para poner el boton como gadget has lo siguiente.
  • se hace el mismo proceso pero al pegar el archivo se tiene que cambiar un codigo
  • cuando copies el archivo lo pegas en donde se tiene que agregar.
  • el codigo se vera haci
<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  • elimina lo que está en rojo y reemplazalo con lo siguiente.
 <script type='text/javascript'>
// IJ tutorials
//<![CDATA[
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
//]]>
</script>
  • el codigo se verá hací.
 <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>
 <script type='text/javascript'>
// IJ tutorials
//<![CDATA[
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
//]]>
</script>
  • en cuelquiera de los cuatro botones funciona.
  • de esta forma podrás usar el boton como gadget, se recomienda usar como gadget el boton de seguidores.
COMO PONER LOS ESTILOS DE TWEET
forma de poner vista vertical u horizontal
  • este modo no lo encontré en el nuevo tweet pero aun funciona.
  • el codigo muestra que te saldrá hací.

      • para ponerlo vertical solo se agrega el siguiente codigo
      data-count="vertical"
      • de la siguiente forma
       <a href="https://twitter.com/share" data-count="vertical" class="twitter-share-button" data-via="iho_jose" data-lang="en" data-related="iho_jose" data-hashtags="iho_jose">Tweet</a>
      <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
      • El boton se verá hací.



      Fuente | Twitter.com