Twitter

All posts tagged Twitter

Insertar botones de Twitter en tu página

Cada vez está más extendido incluir los botones de las redes sociales más populares en tu página web, y como hace tiempo hablamos de incluir el de Facebook y el de Google plus, ahora es el turno de Twitter.

Insertar botones de Twitter

El proceso es bastante sencillo. Puedes irte a la web oficial de Twitter y seleccionar el tipo de botón que quieras incluir en tu página o bien insertar el código que hemos dejado preparado, cambiando la dirección por la tuya.

Esta es la página oficial de Twitter:

http://twitter.com/about/resources/followbutton

En esta post vemos como insertar tus botones de Twitter en tu website.

Boton de Twitter

Este es el código del botón para conseguir seguidores para tu website:

1
2
3
4
5
6
<a href="https://twitter.com/CodigoJavaO" class="twitter-follow-button" data-show-count="false" data-lang="es">Seguir a @CodigoJavaO</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>

Tienes que cambiar la url por la tuya. En este caso tienes que cambiar:
https://twitter.com/CodigoJavaO por

https://twitter.com/TU_PAGINA_EN_TWITTER

Insertando este código nos valdría para compartir un enlace a través de Twitter, es decir, haciendo click compartiría la url de tu website en su Twitter.

La modalidad de compartir enlaces a través de los botones de Twitter nos permitiría hacerlo de dos maneras, o bien compartiendo la URL que estés viendo en ese momento o bien fijar la URL que quieras que se comparta aunque estés en otra página de ese dominio.

Además también te permite escribir el texto del enlace que quieres que compartan.

Con este código nos compartiría el enlace de la página que estes viendo actualmente.

1
2
3
4
5
6
<a href="https://twitter.com/share" class="twitter-share-button" data-via="CodigoJavaO" data-lang="es">Twittear</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>

Con este otro código nos compartiría el enlace y el texto del enlace que hayamos personalizado:

1
2
3
4
5
6
7
<a href="https://twitter.com/share" class="twitter-share-button" data-url="https://codigojavaoracle.com" data-text="Tu Website de programación" data-via="CodigoJavaO" data-lang="es">Twittear</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>

En este caso deberías cambiar el campo data-url, el campo data-text y el campo data-via por lo de tu website, tu texto del enlace y por último tu usuario.
Sería así:

data-url=”http://TU_URL.com” data-text=”TU_DESCRIPCION” data-via=”TU_USUARIO”

Esta es la página oficial dónde puedes conseguir los botones de Twitter:

https://twitter.com/about/resources/buttons#follow

Leer más

Colores en el diseño de las redes sociales

Colores y Redes Sociales

Observando las redes sociales podemos ver que los colores que predominan son los tonos azules y blancos. Podemos observar que comúnmente las redes sociales utilizan colores azules porque son tranquilos, muestran seguridad y por supuesto porque no cansan la vista, además suelen ir acompañados con tonos blancos creando una combinación que muestra tranquilidad.

Esta técnica ha sido muy utilizada en los diseños de los programas de Microsoft, así como en sus sistemas operativos.

Estos son algunos ejemplos:
Facebook  tiene una gama de azules, desde tonos fuertes a tonos más claros y combinando  azules y blancos.

Tuenti: Parecido a Facebook, un poco más claro.

Twitter: En tonos azules, aunque un poco más llamativos.
colores en las redes sociales twitter
FourSquare: Incluye algún color más en el logo como el violeta.

Estas, son solo un ejemplo de la utilización de colores o tonos azules en su diseño, aunque practicamente la mayoría de las redes sociales  los utilizan, podemos nombrar algunas más que utlizan en el logo tonos azules, como linked in, digg, tooio, loop, hi5, aunque como hemos dicho antes casi todas las redes sociales los utilizan.

Leer más

Plugin imprescindibles en wordpress (10 mejores)

Después de unos años trabajando con WordPress quiero compartir que plugins son para mi muy importantes o casi imprescindibles para el desarrollo de mis blogs. En contra de lo que pone en el título al final me ha salido alguno más de diez, no obstante dependiendo de lo que necesites creo que encontrarás en esta lista algunas referencias que te serán de utilidad.

Comenzamos por los plugin que necesitamos para socializar el blog, después seguimos por los que están destinados al posicionamiento SEO y por último algunos más generales, comentarios, backups, etc.

Plugins para Socializar tu blog.

 

Add link to facebook.

Con este plugin cada vez que escribimos un artículo en nuestro su blog añadirá un link en el perfil de facebook que tengas configurado, solo tienes que poner tu id y darle permisos desde el perfil.

Entre las opciones más destacables que te permite está la de compartir los comentarios y actualizar el contenido de tu muro cuando actualiza el contenido de tu blog.

Twitter Facebook Social Share.

Este plugin nos ofrece una barra de iconos para poder compartir tu contenido a través de Facebook, Twitter, Google +, Digg, StrumbleUpon etc, te permite una pequeña personalización para colocar la barra en diferentes sitios de tu blog.

Slick Social Share Buttons

Este plugin es muy parecido al anterior, nos da la posibilidad de compartir el contenido (de nuevo) a través de diferentes redes sociales. Es desplazable y tiene un buen acabado aunque a veces muestra pequeños problemas.

Search engine optimization

 

Los plugin que voy a tratar a continuación están relacionados con el SEO de tu blog.

SEO Friendly Images

Este pluging nos añadirá atributos automáticamente a las imágenes, mejorando el tráfico hacia la web a través de los resultados de búsquedas de imágenes.

SEO Smart Links

Nos permite la autogeneración de links internos de una manera bastante sencilla, logrando así la mejora de nuestro posicionamiento, además de que el usuario puede visitar más paginas dentro del mismo blog.

WordPress SEO

Este reciente plugin está haciéndose un hueco entre los conocidos All in SEO, SEO ultímate, etc, ofrece una automatización de la generación del SEO de tus artículos, además de la posibilidad de personalizar el SEO de tus páginas, incluye la generación del XML Sitemaps, Rss enhancements, creación de permalinks, configuración de los meta Robots, etc, pudiendo así eliminar otros plugin que ya vienen contemplados en este.

Google XML Sitemaps

Con este plugin podemos generar automáticamente los sitemap para los motores de búsqueda como google, yahoo, bing y ask.

Plugins generales

 

En esta última parte trataré los plugins más comunes que utilizo.

Get recent comments

Este widget nos permite mostrar los últimos comentarios que han tenido tus post, te permite personalizar lo que vas a mostrar de los comentarios, titulo post, tamaño del comentario, número de comentarios, etc.

WordPress Database Backup

Este es indispensable, te permite enviar un backup de tu blog a tu email cada día o descargarte un backup de la base de datos en cualquier momento, dada la importancia de que todo el contenido de tus artículos, los usuarios, comentarios, etc, se encuentra en tu base de datos y perderla puede tener unas consecuencias trágicas.

WordPress Gravatars

Divertido plugin para poner avatares en tus comentarios, soporta Gravatars, OpenAvatar, Wavatar, Identicon, monsterID, de esta manera ponemos un poquito de color cuando tenemos muchos comentarios anónimos.

Y estos son los que más o menos utilizo en mis blogs. ¿Me recomendáis alguno más?

Leer más