Ir al contenido principal

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

      Entradas populares de este blog

      Blogger:Usar @font-face en tu Blog de Blogger

      Muchos sitios están usando @font-face y es porque les permite usar fuentes en sus sitios web que son muy creativas y dan más estilo al sitio. Lo malo que tiene esta funcion es que solo se pueden usar fuentes si están en el mismo servidor de el sitio, lo que quiere decir que en blogs como los de Blogger no funcionaría. Pero eso se ha estado solucionando con el tiempo. Un dia me puse a buscar como hacerlo y no encontraba la manera hasta que un día pude hacerlo cuando puse una fuente codificada, funcionó instantaneamente, lo unico que sé es que funciona en Firefox, Firefox Aurora, RockMelt y Google Chrome y no se si funcione en los demás navegadores pues no tengo los demás y IE9 no me funciona bien . "Si es compatible en los otros navegadores lo comentan para agregarlo a la lista de compatibles" Sigue los siguientes pasos y podrás cualquier fuente y poner con @font-fae en tu Blog. Se usarán imagenes de ilustracion para que sea más entendible, has click en donde diga (ve

      Paquetes de Idioma Windows 7 MUI (64bits / x64)

      Paquete de idiomas para windows 7 para aquellos que nacesitan tener varios idiomas en su pc. Es compatible con la mayoria de versiones de Windows 7 Hay que tomar nota de que si se instalan demasiados paquetes de idioma adicionales, el espacio de disco y el rendimiento del sistema puede verse afectados. En particular, el espacio de disco y el rendimiento del sistema se ven afectados durante las operaciones de servicios, tales como las instalaciones de Service Pack (KB972813). Por lo tanto, se recomienda sólo añadir un paquete de idioma, el que necesitares exclusivamente. Paquete de idiomas Windows 7 RTM MUI 64-bit (x64) Arabe Descargas Bulgaro Descargas Chino (Simplifi...) Descargas Chino (Tradicio...) Descargas Croata Descargas Checo Descargas Danés Descargas Holandés Descargas Inglés Descargas Estonio Descargas Finlandés Descargas Francés Descargas Alemán Descargas Griego Descargas Hebreo Descargas Húngaro Descargas Italiano

      Manual:Codigos y plantillas Aegisub

      Aegisub es un programa que le permite a las personas añadir subtitulos y karaoke a sus videos, actualmente Aegisub para dar esos estilos y animaciones a los subtitulos y karaokes usa una serie de codigos que activan dichas animaciones en un tiempo y colores determinados, como un script en HTML. Los que más utilizan este programa son los Fansubs y empresas de karaoke. Los codigos son dificiles de aprender pero no imposibles si mantienes practica. REGLAS DE LOS CÓDIGOS. Debes saber unas reglas para los codigos y es que cada coigo está entre parentesis {} . El codigo inicia con una diagonal inversa (invert slash) \ . El indicador de la accion biene negreado . El codigo numerico saldrá normal. El codigo viene antes del texto. Cada codigo se divide con una diagonal inversa \ . BÁSICO. _________________________________________________________________________ Lo basico son esos codigos que son los más utilizados y faciles, además de que el mismo programa te da las opciones