Tutoriales Y Tips

Cómo mostrar tus tweets recientes en Blogger y WordPress

Blogspot, Tips, Tutoriales Varios, Tutoriales y Tips, WordPress 2 Respuesta »

jun 192011

Tus tweets recientes en Blogger y WordPress

En blogger:

Accede a tu panel de control
Diseño -> Hacer clic en “Añadir un gadget” .Seleccionar “html / java script” y agregar el código siguiente y hacer clic en Guardar.

<div id="twitter_div"><ul id="twitter_update_list"></ul><a href="http://twitter.com/Red_Blogs" id="twitter-link" style="display:block;padding-top: 3px;text-align:center;">Sigueme en Twitter</a></div><script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><script type="text/javascript" src="http://twitter.com/statuses/user_timeline/Red_Blogs.json?callback=twitterCallback2&amp;amp;amp;count=4"></script>

Cambia red_Blogs por nombre de usuario de Twitter.

count = 5 es el número de tweets que aparecen.

En WordPress sin plugin:

Continúa leyendo »

Mapa de imagenes o zonas activas (Tutorial)

Blogspot, Freebie, Internet, Tips, Tutoriales Varios, Tutoriales y Tips, Utilidades 2 Respuesta »

abr 272011

Se puede utilizar en WordPress y Blogger
En muchas ocasiones interesa poner links en un gráfico para captar la atención del visitante. En este tutorial, zonas activas o mapa de imagenes, explico una forma de hacerlo muy sencilla utilizando un pequeño programa “ImageMapper“.

En el gráfico puedes comprobar las zonas activas.

Tutorial mapa de imágenes

[spoiler]

Descargar ImageMapper

El manejo de las herramientas es de lo mas simple

1.- Abrimos la imagen que previamente hemos preparado.

Con las herramientas 2, 3, 4, y 5 seleccionamos la zona activa, usando la que mejor se acomode a nuestra necesidad, poner el tutulo, URL

Con las siguientes zonas hacemos lo mismo

Una vez terminadas las zonas que queremos linkear, copiamos al portapapeles clikeando donde indica la captura

Estos son los codigos generados para esta imagen, os saldran unas coordenadas distintas logicamente.

Este codigo lo pegais en el lugar done va a ir la imagen

<MAP NAME=”Tutorial”>

<AREA SHAPE=”RECT” COORDS=”233,84,323,13″ HREF=”http://www.xanapsp.com” TITLE=”Luz Casal”>

<AREA SHAPE=”RECT” COORDS=”52,130,144,61″ HREF=”http://lb-material.iespana.es/” TITLE=”Ana Belen”>

<AREA SHAPE=”RECT” COORDS=”571,439,667,362″ HREF=”www.xanadesign.com” TITLE=”Shakira”>

</MAP>

<IMG SRC=”URL DE LA IMAGEN” USEMAP=”#Tutorial” BORDER=”0″>

Realizado por Pilar Méndez en exclusiva para La Buhardilla

Registrado en: TWI

Prohibida la reproducción total o parcial sin mi consentimiento por escrito

La Buhardilla ©

[/spoiler]

Como instalar lightbox en Blogger

Blogspot, Tecnología, Tips, Tutoriales y Tips, Utilidades 13 Respuesta »

ene 252011

Lightbox, imágenes emergentes que permite mostrar gráficoss y contenido en ventanas que se superponen sobre todo el web con un elegante efecto, desarrollado por Lokesh Dhakar y dejando atrás las incomodas ventanas popups pues el efecto es mucho más llamativo debido a la forma que se presenta la imagen..

Ver demo funcionando con todos los elemplos

Con este sencillo tutorial lo vamos aplicar a Blogger:

DESCARGAR MATERIAL

El zip comtiene:

Archivo js, css, gráficos y todos los códigos (incluidos los que estan alojados en mi servidor)

TUTORIAL

Continúa leyendo »