Favicon, Que es, como se hace y como lo agrego a mi blog..

Un FAVICON es simplemente un icono o dicho de otra manera una imagen pequeña que se puede notar en algunos navegadores (FireFox, Opera, IE7 en IE6 no se puede observar), en la barra de direcciones del lado izquierdo de la dirección de la web en la que estamos.. Una pequeña prueba acerca de esto, simplemente dirige tu mirada a la dirección de ese blog podrás notar una pequeña imagen junto a la url del sitio, pues como lo dije anteriormente, ese es un FAVICON..

¿Pero y como hago un favicon?

Es muy simple, todo esto se realiza en unos cuantos pasos sin necesidad de descargar ningún programa especial ni nada de eso, en pocas palabras utilizaremos un servicio online que nos da la posibilidad de hacerlo sencillo y rápido..

Los pasos a seguir son muy simples, lo haremos así..

[1] Elegimos la imagen que se convertirá en nuestro favicon, puede ser alguna letra, simbolo,dibujo, etc..

[2] Una vez elegida la imagen la editamos un poco con el programa que mas nos acomode, dentro del programa de edición de imagenes le cambiamos el tamaño original por el de 16×16 pixel..

[3] Cuando este lista entramos a esta web para subir nuestra imagen a la cual hemos cambiado el tamaño para convertirla en nuestro favicon, al subirla la web por si sola convertirá la imagen a formato ico, y nos dará el código para pegarlo en tu blog o web..

Copiamos y pegamos el código que nos proporcionan en nuestra plantilla y eso sera todo, la próxima vez que entres a tu blog podrás observar que ya tienes tu propio FAVICON..

¿Pero quiero ahorrarme todos estos pasos, que hago?

Si no te gusta seguir pasos y lo quieres todo a la mano este sitio es para ti, en ella se recopilan una gran cantidad de iconos para agregar a tu blog totalmente gratis, además de todo puedes subir tu propia imagen o dibujo y en menos de un minuto tendrás el favicon que deseas..

Una vez que hayas elegido el favicon idoneo o creado tu propio favicon, lo descargas a tu pc, en este casi tendrás que subir la imagen a tu servidor, después de ellos solo copias la url del archivo y lo agregas al código que te proporcionaran en MpP..

Lo agregáis a tu plantilla antes del fin de < /Head> y eso sera todo..

<link href="'DIRECCION DE TU FAVICON'" rel="'shortcut" type="'image/x-icon'/">
<link href="'DIRECCION DE TU FAVICON'" rel="'icon'" type="'image/jpg'/">

Hay que tener presente que la parte final del código puede ser modificada, si el formato de tu imagen no es jpg solo remplazala por el formato de tu favicon que corresponda..

Como podrás ver ya no hay excusa para tener tu propio favicon..


Entradas relacionadas

Icono en la barra de navegación
Como agregar bordes directamente a las imagenes..
Cursor personalizado en CSS..
Dar estilo a las listas con CSS
IE6, Un problema para los diseñadores y bloggers

Bromas pesadas tomadas en vídeo..

Quien no ha hecho una broma o a sido víctima de una muy mala broma, sobre todo las pesadas que en verdad te molestan y te sacan de quicio a veces, pero al saber que es una simple broma de television yo tomaría con humor, pero no es así con todas estas personas que al parecer no le gusto nada que el personaje que efectúa la bromas lo hiciera de ese modo..

Todas se realizan en parecer en Brasil y en Venezuela, la verdad son muy buenas, pero al final se enojan demasiado y terminan golpeando al autor de la broma pesada..

Esta es la primera al parecer realizada en un programa de television venezolana, la verdad se pasaron con la bromita la mujer pudo a ver muerto del susto o algo parecido..



La segunda es realizada en Brasil, al parecer una persona que se transporta en su silla de ruedas pide ayuda para poder pasar al otro lado de la avenida, pero la realidad es que si puede caminar y todo el esfuerzo que habían hecho las victimas se transforma en enojo..




Entradas relacionadas

¿Por que es mejor estar sobrio?
Top 5 de los mejores comerciales vistos en YouTube..
Las 25 mejores muertes en las peliculas de terror..
¿Como llega la carne a tu plato?
¿Qué pasaría si chocara un gran meteorito contra la tierra?

La maldición de ser Informático..

Cuando se es Informático, (y nadie me lo puede negar) se es asediado por amigos y familiares o aveces hasta personas que ni conoces que te preguntan que Antivirus es el mejor del mercado, siempre les contesto que instalen el Avast, cada quien tiene su favorito y ese es el mio..

Aveces cobro por los servicios como instalar programas, formatear discos, pero la verdad es que son sumas muy pequeñas, nada comparado con lo que cobra un Informático de verdad, ya que yo soy un simple humano que solo sabe usar el msn y aun así no falta el que te pregunta como crear una base de datos en MYSQL, esta bien que te lo pidan una o dos veces el mes, pero nada comparado con este vídeo..

Piensalo bien antes de decirle a alguna persona que tu sabes de Informática y esas cosas ya que no te lo quitaras de encima para preguntarte lo imposible o lo mas fácil de la computación..




Entradas relacionadas

Video Documental: La historia jamas contada..
Video: El bebe de dos cabezas..
Las 25 mejores muertes en las peliculas de terror..
Bambee, version rara..
Video: La niña fantasma del espejo

Personalizando nuestro buscador con CSSy HTML..

En Blogger, agregar un buscador al blog es muy sencillo, es tan simple como usar el que nos muestran en Blogger Draft o simplemente crear uno a nuestro gusto y nuestros colores y forma preferida..

Para agregar un buscador sencillo al blog basta con agregar este pequeño código en el lugar donde queramos que aparezca, como podrán observar a continuación no tiene nada de fantástico..

<form action='http://nombreblog.blogspot.com/search' method='get'>
<input type='text' value='' name='q' />
<input type='submit' value='Buscar' />
</form>

El resultado seria este, lo único que hacemos es cambiar nombreblog por el nuestro en el codigo visto anteriormente..

¿Pero como lo personalizo utilizando CSS en el?

Es muy fácil, usaremos estas lineas de código para lograr lo que estábamos buscando..

#searchform #s { // Esta instrucción la usaremos para personalizar la caja de búsqueda
padding: 0px;
margin: 0px auto;
background-color : #FFFFFF; // El color de fondo es blanco, agrega el código hexadecimal para cambiar el color
height:14px; // Cambia la altura de la caja de búsqueda, cambia 14px por la medida exacta
width:150px; // Cambia el ancho de la caja de búsqueda, cambia 150px por la medida exacta
margin-left: 10px;
font:11px Arial, Times New Roman; // Tipo de letra y tamaño de letra
font-weight: normal;
padding: 5px 16px;
}

#searchsubmit:hover { // Esta instrucción la usaremos para personalizar el botón de enviar por defecto
background:#777777; // El color del enlace al ser pulsado
}

#searchsubmit {
margin-left: 0px;
padding: 0px;
background:#FFFFFF; // Color de fondo del botón de enviar
border:none;
width:80px; // Anchura del botón de enviar
height:21px; // Altura del botón de enviar
font:11px "Trebuchet MS", "Lucida Sans Unicode", Verdana;
color: #777777; // Tipo de letra, tamaño de letra y color de letra de la palabra Enviar
}

Cabe recordar que las partes en verde no pertenecen al código y que las borraremos cuando agregemos este mismo a nuestra plantilla..

Cuando terminemos de personalizar el buscador mediante CSS, agregamos esta otra linea de códigos en la parte de HTML, en la zona exacta donde queramos que aparezca el buscador..

<span>
<form action='/search' id='searchform' method='get'>
<table border='0'  width="350" bgcolor="#000000" cellpadding='10' cellspacing='0'>
<tbody>
<tr>    
<td><input id='s' maxlength='50' name='q' onblur='if (this.value == "") {this.value = "¿Buscas algo?";}' onfocus='if (this.value == "¿Buscas algo?") {this.value = "";}' size='18' type='text' value='¿Buscas algo?'/></td>    
<td><input id='searchsubmit' type='submit' value='Buscar'/></td>
</tr>
</tbody>
</table>
</form>
</span>   

Las partes que podemos modificar están marcadas de colores diferentes, para cambiar el tamaño y color de fondo de la parte donde estará el buscador, cambiamos las zonas marcadas con verde, para cambiar el mensaje de ¿Buscas algo? y Buscar simplemente modificamos ese texto por el deseado, las demás partes seria mejor dejarlas así si no queremos errores dentro del código..

Al final podría quedar algo parecido a esto si por supuesto usamos y modificamos estos pequeños códigos de una manera correcta y eficaz. Eso es todo, si te preguntas si esto funcionara en IE7 la respuesta es si, si funciona correctamente, pero ten cuidado el modificar el código ya que puedes llevarte una desagradable sorpresa :x..




Entradas relacionadas

Icono en la barra de navegación
Como agregar bordes directamente a las imagenes..
Cursor personalizado en CSS..
Dar estilo a las listas con CSS
IE6, Un problema para los diseñadores y bloggers

Flash Strike, un extraordinario juego..

Hace tiempo que no colocaba un juego en el blog, así que hoy les traigo Flash Strike, un extraordinario juego en flash donde tu objetivo es acabar con los terroristas que saldrán uno por uno para eliminarte. Puedes elegir entre novato hasta experto, te recomiendo que inicies en modo Rookie y ya después avances a modo Hardcore..

Modo de juego y controles..

Teclas..

[1] La tecla numero uno nos servirá para cambiar el arma..

[2] La tecla numero dos simplemente sirve para cambiar de la arma convencional a un Rifle M4..

[Q] La tecla que contiene la letra Q nos servirá también para cambiar nuestra arma a un Rifle Sniper, muy parecido al de un franco-tirador..

[E] La tecla que contiene la letra E la usaremos para refugiarnos de las balas enemigas..

[R] La tecla que contiene la letra R es la mas importante ya que la usaremos para recargar cualquiera de las armas que tengamos a la mano..

[F] La tecla que contiene la letra F al ser presionada lanzaremos una granada al enemigo..

Un consejo para este juego seria sin duda ser rápido con el mouse, ya que este nos servirá para mover la mira y matar al terrorista, mucha suerte y espero que impongas un nuevo record..

Clic en la imagen para comenzar a jugar..



Entradas relacionadas

El juego de los Simpsons..
Encuentra las diferencias..
The Unfair Platformer. ¿Te atreves a jugarlo?
Video: La Niña Fantasma del espejo..
El juego de las aves Hambrientas..

Mega MP3splitter, Corta tus mp3 y escucha la parte mas interesante.

Mega MP3 Splitter es un programa que nos ayudara a cortar nuestros ficheros en mp3, lo mejor de todo es que ni siquiera necesita instalarse, sin duda esto lo hace una extraordinaria utilidad sobre todo si quieres cortar alguna parte del fichero que no te agrada..

¿Pero como comienzo a usarlo?

[1] Es muy sencillo, como primer paso descargaremos el programa, usa este link para acceder a la descarga..

[2] Ahora ya que el programa este en nuestro pc, (es importante que el programa este en nuestro escritorio para así poder manejarlo con facilidad), damos doble clic sobre el para abrirlo, como ya habíamos observado antes no necesita ser instalado..

Al dar doble clic sobre el abrirá el programa, ahora revisemos una a una las opciones de este programa para entenderlo mejor..

[a] Open MP3 File: Usaremos esta opción para poder buscar y agregar el mp3 que queramos cortar.

[b] Las tijeras: Estas nos servirán para cortar el archivo, se usan de una manera sencilla, mas adelante explicaremos mejor como usarlas y de que forma..

[c] BreakPoints List: La parte mas importante del programa, en el se agregaran los tiempos en que el mp3 sera cortado..

[d] Controladores: Simples controladores el reproductor por defecto del programa..


Clic aquí para ampliar

Ahora que conocemos las partes importantes del programa comencemos a cortar nuestro mp3..

[2] Usamos la opción a, damos clic sobre Open MP3 File, buscamos el mp3 que vamos a cortar y damos clic en Abrir..

[3] Este es el paso mas importante, dentro de BreakPoints List borramos el numero 0 que trae por defecto, para esto nos posicionamos sobre el, damos clic con el botón secundario y elegimos la opción Delete this breakpoint..




[4] Al realizar las instrucción del paso 3 borramos ese break point. Con las tijeras cortaremos el mp3, para esto haremos algo muy sencillo, seleccionamos la opción "Drag and seek" (en la imagen siguiente se muestra esta opción si aun la desconoces) y buscamos el punto exacto para hacer el primer corte, o sea desde donde queramos que inicie nuestro mp3 editado, si queremos que inicie desde cero no movemos la opción de arrastre..

Para que se entienda mejor, yo haré un corte en el minuto uno y 20 segundos selecciono esa parte y doy clic sobre las tijeras, y lo mismo para la parte final..


Clic aquí para ampliar


[5] Al realizar el primer corte el segundo se hace de una manera mas sencilla, ya que haremos lo mismo que en el paso 4, pero este no sera el inicio si no el final..

[6] Eso es todo, cuando cortemos el mp3 solo damos clic en "Maker split MP3 files", esta opción esta en la parte inferior derecha del programa, tiene la figura de un pequeño disco, al hacer clic ahí, el mp3 se guardara en la misma carpeta donde se encuentra el mp3 original pero este con el numero 1 al final..

Por ejemplo si el archivo original se llama música, el archivo editado se guardara en la misma carpeta pero con el nombre de musica1..

Eso es todo, si tienes preguntas o dudas acerca de este programa puedes dejarlas en este espacio en forma de comentarios, yo los contestare y revolveré personalmente..


Entradas relacionadas

VidToMp3 - Extrae el audio de los videos de YouTube..
WallpaperMaker: Diseña tu propio fondo de escritorio..
Cubo 3D con el Logo de tu Blog o Web..
Insertar archivos SWF en Blogger..
Como subir y agregar un video a Blogger..

El peligro de la velocidad, accidentes de transito.. Un post para concientizar a los conductores..

El día de ayer, para ser exacto en la noche mientras caminaba para llegar a mi hogar, fui testigo de un accidente de autos, no les contare mucho ya que en verdad fue fuerte, hubo muertos de eso no tengo duda ya que yo permanecí ahí y lo vi absolutamente todo, eran tres jóvenes que conducían en estado de ebriedad según lo que leí en el periódico de hoy, decía que conducían a mas de 150 km por hora en una carretera donde el limite de velocidad es de 80, cayeron a una especie de barranco, obvio el conductor perdió el control y no hubo mucho que hacer por ellos.

Todo esto es debido a que no toman las precauciones debidas, así que ya sabes, si tomas no manejes, y si no tomas no abuses de la velocidad, recuerda que en un segundo todo se acaba si no te cuidas..

No queda mas que presentarles un vídeo en donde se muestran algunos accidentes de transito. Si eres una persona sensible o menor de 18 años por favor no observes este vídeo..

Aclaro: Estos vídeos no son en forma de burla o algo parecido, simplemente trato de ayudar de alguna forma a consentizar a mis lectores..


Lista de reproducción: 6 vídeos: Accidentes de transito..


Entradas relacionadas

Video: La Niña Fantasma del espejo..
Arañas gigantes de Irak..
¿Qué pasaría si chocara un gran meteorito contra la tierra?
¿Como llega la carne a tu plato?
Las 25 mejores muertes en las peliculas de terror..