lunes, 28 de junio de 2010

Video-tutorial para hacer un favicon

Lo primero que debemos hacer es coger la imagen que queremos convertir en favicon y ponerle una medidas de tal manera que sea igual de ancho que de alto , lo demás está en el video por ultimo hay que acceder a esta pagina para empezar a hacer el favicon :http://iconj.com/
video
Y por cierto un favicon es lo que vemos en las paginas webs que tienen arriba a lado de su nombre por ejemplo si tu tienes un blog en blogger te saldra el icono de blogger al lado de nombre de tu blog.

sábado, 26 de junio de 2010

Botón para favoritos/marcadores

Cuando nos gusta una página la incluimos en favoritos o maracadores , hoy os voy a enseñar a poner una imagen en u blog que al clikarla , se convierta el blog en favoritos , es muy fácil de hacer y sólo os llevará unos minutos.
1.Copiamos y pegamos este codigo y lo cambiamos como pone aqui:


<script language="JavaScript">

function favoritos(){

if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {

var url="URL DE TU BLOG";

var titulo="[NOMBRE DE TU BLOG]";

window.external.AddFavorite(url,titulo);

}

else {

if(navigator.appName == "Netscape")

alert ("Presione Crtl+D para agregar este Blog en sus Marcadores");

}

}

</script>

<input src="http://4.bp.blogspot.com/_0eC4K-qZ7AM/Rz92jAaSdKI/AAAAAAAAB9A/qK_mF5iUpko/s400/favoritos-gif.gif" value="Agregar a favoritos" onclick="javascript:favoritos();" type="image"/>


Si queremos poner otra imagen cambiamos este enlace http://4.bp.blogspot.com/_0eC4K-qZ7AM/Rz92jAaSdKI/AAAAAAAAB9A/qK_mF5iUpko/s400/favoritos-gif.gif
Podéis ver en el blog de pruebas como queda

Sacado de Oloblogger

¿Preguntas? En el CBOX

miércoles, 23 de junio de 2010

Hacer una imagen que suba para arriba

x

Bueno , hoy os voy a enseñar a hacer una imagen que haga para que suba para arriba , podéis ver de que se trata en mi blog de pruebas: http://blog-in-draft.blogspot.com/# , pues bueno como hoy me siento generosa os lo voy a explicar paso , por paso .
Vamos a Tinypic :

Y cargamos la imagen que queremos que se convierta en lo de la flecha .
Nos saldra lo de los códigos pero nosotros todavía no lo necesitamos a si clikamos a "Edit"
Para poner la imagen en nuestro blog , le cambiamos el tamaño , así que clikamos en la pestaña  que pone "Basic" luego clikamos en "Resize"

Y le cambiamos el tamaño yo os recomiendo 200 en el primer recuadro y 300 en el segundo.



Una vez que le cambiamos el tamaño vamos a la pestaña que pone geek y pinchamos donde las tijeras y empezamos a recortar.
cuando acabemos de poner los puntitos (recordad que para que se para que se pueda cortar hay que unir los dos puntos el último y el del principio) y clikamos en "Create a coteout"
En los huecos pequeños hacemos lo mismo que para recortar pero solo que esta vez tenemos que clikar en  la casilla Invert
Ahora vamos a la pestaña Layers y clikamos en "Opacity"

Ahora vamos a la pestaña Layers y clikamos en "Opacity"
Una vez ahí  movemos el circulo según queramos más o menos , estoy sirve para que sea un poco más transparente 


Una vez termiando el paso anterior pasamos a dercorar la flecha , por cierto no te olvides de poner un texto que ponga "sube"



Nos darán varios códigos nosotros cogemos el último.


Bueno ahora pasamos a la parte HTML , que por cierto es la más fácil , cogemos el siguiente codigo:



Y pones la url de tu imagen luego vas a añadir un gadegt y insertar codigo HTML , y ya esta por cierto si quieres que la imagen este a la izquierda en vez de right pon left mirad como quedo el mio





Os dejo el codigo por si os gusta que lo pongais en vuestros blogs.

domingo, 20 de junio de 2010

Cómo hacer un banner animado con PhotoScape

Bueno ya dije que iba a hacer está entrada y la hago de hecho estoy probando programas nuevos con el fin de aprender nuevas utilidades.

Hacer un banner animado con PhotoScape.
  1. Lo primera cosa que hacemos es descargar gratis el programa http://photoscape.softonic.com/descargar tranquilos no tiene virus
  2. Luego cogemos las imagenes que queremos que sean parte del banner y las editamos , yo el programa que uso es Picnik
  3. Cuando ya tenemos las imagenes abrimos el progrma PhotoScape y clicamos en Gif Animado, ahí arrastramos todas las imagenes que queremos que sean parte del banner , y le ponemos la animación que queremos ( ya lo sé , no hay muchas) luego le podemos cambiar el tiempo para que vaya más despacio , cuando terminemos lo guardamos .
  4. Lo último que deberíamos hacer es coseguir el código HTML que ya os expliqué como se hacía http://elblogdelosblogueros.blogspot.com/2010/06/hacer-un-banner-sin-marca-de-aguacon.html
Mirad cómo me quedó el mío para mi otro blog:

Image and video hosting by TinyPic
Si tenéis alguna duda decirmela por el CBOX o dejando un comentario

domingo, 6 de junio de 2010

Hacer un banner sin marca de agua con ... tinypic

Hola!!! He visto que muchos ahora n hacéis banners con mybannermaker.com , la verdad es yo tembién los hice son muy fáciles de hacer pero luego te dejan una marca de agua que la verdad que digamos no queda muy profesional mirad el ejemplo: Create your own banner at mybannermaker.com! Pero eso se ha acabado porque ahora podéis hacer un banner sin marca de agua con tinypic , aunque yo os recomiendo que primero editeis la foto que queríes convertir en banner en picnik.
  1. Vamos a Picnik y pulsamos al botón que dice "Empieza a editar con picnik" y subimos la foto que quieras converir en banner , después de eso ya nos aparecerá la foto lista para ponerle texto cambiarla el tamaño etc.
  2. Cuando la acabemos de editar ponemos para guardar en nuestro ordenador
  3. Luego vamos a Tinypic y cargamos la foto que que acabamos de editar , nos darán un código HTML Ejemplo:
  4. Luego cambiariamos la dirección que nos ponen ( http://tinypic.com ) por la de nuestro blog Ejemplo:

5. Si queremos que del bannner nos salga con un cuadro de texto para que nos puedan afiliar ponemos lo siguiente:


Así me quedo el mío :
Image and video hosting by TinyPic


¿Lo habéis entendido bien? ;-)

viernes, 4 de junio de 2010

Hola !!!!

 Bueno después de tiempo sin actualizar por fin actualizo , y vengo para dar guerra XD , así que prepararos...