GIF. IMAGENES EN MOVIMIENTO PARA WEBS Y BLOGS

GIF (Compuserve GIF) es un formato gráfico utilizado ampliamente en la World Wide Web, tanto para imágenes como para animaciones.

El uso de los GIF es usado generalmente para la publicidad en tipo banners. Su principal difusión hoy en día sigue siendo para mostrar imágenes animadas para páginas web, al ser el único formato soportado por multitud de navegadores que permita dicho efecto. Tambien pueden ser usados en presentaciones .ppt (Power Point) ya que este tipo de software es muy amigable con este formato. Existen numerosos sitios web de donde se pueden descargar gratuitamente imágenes en formato GIF como lo son: Gifss.com o sitios especializados como el caso de LetrasAnimadasGratis.com que se especializa en los gifs exclusivos de letras del abecedario. Actualmente las imágenes de formato gif son muy usadas en software de chat como es el caso del popular Messenger. (Wikipedia)

La manera de ponerlos en tu web es simplemente como cualquier objeto HTML, en la mayoría de sitios ya te da la opción de copiar el código HTML donde quieras que se vea, solo lo pegas, copias y listo.

En el caso de Blogger solo tienes que ir a DISEÑO, AÑADIR GADGET, pulsas en  HTML/Javascript, pegas el código y ya lo tienes.

La verdad es que los GIF van muy bien para darle un toque diferente a tu página web o blog, por que puedes darle vida con innumerables gifs animados, de temáticas tan dispares como divertidas.
Aquí os dejaré algunos ejemplos de GIFS que a mi me gustan bastante y os dejaré algunos enlaces donde puedes encontrar muchos mas.

Este es bastante divertido.

            <a href="http://www.gifbin.com/981126"><img src="http://gifs.gifbin.com/15g6454656.gif" alt="funny gifs" /></a>



¡El gatito marchoso!

           

                     <a href="http://www.gifbin.com/981107"><img src="http://gifs.gifbin.com/1047444azmp81le1x.gif" alt="funny gifs" /></a>

Y este es bastante conocido pero no deja de ser muy bueno.

<a href="http://www.gifbin.com/982721"><img src="http://gifs.gifbin.com/1238674230_save-the-whale.gif" alt="funny gifs" /></a>
PUEDES ENCONTRAR MAS GIF ANIMADOS EN:
http://www.gifbin.com

Read More

TABLA COLORES EN CÓDIGOS HTML

¿ Os habéis fijado alguna vez que cuando editamos los colores ya sean para editar alguna parte du neustro perfil de alguna red social...o camiar el color a algunos objetos, en muchos casos los colores van acompañados de un codigo, que empieza por # y tiene seis números o letras? como por ejemplo #ffffff.

Pues eso es simplemente el código HTML del color, y para eso existen las tablas de colores en HTML para que puedas editar los colores de un sin fin de sitios diferentes.



Esta tabla de colores es muy útil, por que te permite copiar el código del color y usarlo donde tu quieras.
Por ejemplo en el diseñador avanzado de Blogger, donde tienes la opción de cambiar ya sean los colores de los enlaces, de la letra o del fondo... te irá muy bien tener en cuenta este widget de colores.

Si lo que prefieres es cambiar el color de algún objeto o widget en formato HTML, solo debes borrar el código del color que tenga y poner el del nuevo. Así de fácil.
Espero que sea útil.

NOTA: Si no aparece nada aquí debajo, reinicia o actualiza la página.

Read More

PONER TU TWITTER EN BLOGGER

Algunos amigos de Facebook me preguntan como poner el twitter en el blog, pues hay muchas y diferentes maneras de ponerlo,aquí os dejaré una de las mejores maneras para poner tu twitter en el blog. Se trata de un widget (objeto,caja) donde saldrán todos tus tuits y los tuits que hayas retuiteado, y se actualiza casi al instante. (Voy a explicar como ponerlo en Blogger, pero esto sirve para la mayoría de sitios donde te permitan la edición en HTML



Igual es algo mas complicado que otras opciones pero este no falla nunca, es el widget proporcionado por Twitter.(Hay otros que se desconfiguran solos, o dejan de funcionar, este no.





Primero, dirígete al escritorio de Blogger y entra en el blog donde desees poner el widget.


Entra en DISEÑO, luego, clicka en AÑADIR GADGET donde quieras que salga el widget. (yo recomiendo ponerlo en la barra lateral del blog.

Dentro de las opciones que te salen al pulsar AÑADIR GADGET, pulsa la opción "HTML/Javascript"

Allí dentro pegaremos este código HTML (previamente copiado, claro)

<script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 30, interval: 30000, width: 'auto', height: 300, theme: { shell: { background: '#7E3939', color: '#ffffff' }, tweets: { background: '#000000', color: '#62aae0', links: '#9ef0ec' } }, features: { scrollbar: true, loop: false, live: true, behavior: 'all' } }).render().setUser('bloggerOdin').start(); </script>

Lo único que hay que hacer para disfrutar de este widget,es esto.
En la parte de debajo del todo del codigo hay una parte  es para que pongas tu nombre de usuario, solo debes borrar donde pone TU NOMBRE DE USUARIO y poner el tuyo, te dejo el ejemplo de la parte del código para que lo entiendas:


}).render().setUser('TU NOMBRE USUARIO').start();    

               Lo cambiaría por mi nombre de usuario @bloggerOdin:


}).render().setUser('bloggerOdin').start();

              Luego también tenemos la parte donde pone:

 height: 300. Es para configurar el ancho del widget, lo mejor es que lo guardes tal cual es y cuando lo visualices en el blog sabrás si hace falta editarlo o no.
Se entiende que solo hace falta borrar el 300 y poner un número mas grande si se quiere mas ancho y al revés si se quiere mas estrecho.

Creo que con esto ya hay suficiente para disfrutar de el widget oficial de Twitter

También se puede cambiar el color, ENTRA AQUÍ PARA ENTENDER RAPIDAMENTE COMO CAMBIAR EL COLOR DE LOS OBJETOS Y DE MAS.

Ten en cuenta que estos consejos son de novato a novato, intentaré mejorar mi capacidad para explcar las cosas lo mas ameno posible, así poder mejorar tanto yo como vosotros en la afición bloguera. Graaaciaaas!!!

Dale a me gusta y comparte el artículo si te ha gustado, o crees que es útil, muchas gracias

Read More