Bienvenidos a El mirlo de papel

Soy Varech y ando por la Red desde hace un tiempo, lo cual me produce a veces quebraderos de cabeza aunque la mayoría de las ocasiones me satisface.

Mostrando entradas con la etiqueta Trucos para blogs. Mostrar todas las entradas
Mostrando entradas con la etiqueta Trucos para blogs. Mostrar todas las entradas

8 de febrero de 2010

Aumentar o disminuir una imagen gif animada

Casi siempre nos encontramos, con que al aumentarla o disminuirla, pierden el movimiento.
Bueno, pues he descubierto una forma muy sencilla de que ésto no pase:
Nos descargamos el Corel Draw, y elegimos Photo-Paint.
Le damos al archivo y abrimos la imagen. Posiblemente nos saldrá una ventana con los movimientos, y le damos a "aceptar".
Entonces veremos en la parte superior izquierda el gif que queremos modificar, y pinchamos en la barra de arriba "imagen". Cuando se nos despliegue, pincharemos en "nuevo muestreo", y allí elegimos el tamaño y le damos a "aceptar".
Tan fácil como eso.

4 de febrero de 2010

Centrar una imagen en la barra lateral




Para centrar imágenes puestas con el gadget "imagen", buscaremos en la plantilla, el siguiente código:
]]><b:skin>
Y justamente encima, pondremos:

.Image {
text-align:center;
}

Y ya está. Nos saldrán siempre centradas las imágenes que pongamos mediante este gadget.





Si la imagen tiene ya un código y nos la traemos de un alojador de imágenes, para que se nos centre en la barra, pegaremos al comienzo del código de la imagen lo siguiente:

<div align=center>







Y al final, ésto:

</div>

Yo optaría por la segunda opción, en la que no hay que tocar la plantilla

1 de febrero de 2010

Entradas relacionadas (quizás también le interese....)


Os dejo la entrada que para este truco tiene El escaparate de Rosa.

En LinkWithin podemos añadir un gadget de Entradas relacionadas con miniatura de imagen.

[1] Accedemos a la página de LinkWithin y a la derecha vemos el formulario para obtener el gadget. Tenemos que introducir nuestro email, la url del blog donde vamos a colocar el gadget y la plataforma, que en nuestro caso será Blogger:
[2] Si nuestro blog tiene fondo oscuro en las entradas, marcamos la opción que dice "My blog has light text on a dark background" para que el gadget adapte el color de su texto al del fondo.

Pinchamos en "Get Widget".

[3] Pasamos entonces a otra página donde se nos dan las instrucciones para integrar el gadget, que se hace de la misma manera que cualquier otro que se integra directamente al blog.

Pinchamos en "Install Widget".

[4] Una vez instalado el Gadget este se verá en la sidebar pero solo en la parte de diseño, dentro de ese gadget está el código que le hace funcionar, así que para eliminar las entradas relacionadas cuando ya no nos interese usarlas, lo unico que tenemos que hacer es eliminar ese gadget.Las entradas relacionadas se mostrarán de forma automática al final de cada entrada, justo sobre el post-footer (pie del post) .

Yo lo he puesto y todavía no me salen muy relacionadas que digamos, pero tengo entendido que tarda bastante en conseguirlo.

Otra cosa, es que tal como está el gadget, éste sale en todas las entradas, pero también en la página principal, por lo que si tenemos instalado "Leer más", resulta muy recargado.

Para ello hay otra solución, que es hacerle un "arreglillo" en la plantilla de htlm: lo primero que hemos de hacer es guardar la plantilla que tenemos.

En este enlace viene muy bien detallado, cómo se hace. Yo lo he puesto y ha quedado perfecto.


Es el primer caso: "Widget o elemento sólo visible en las páginas de etiquetas".

Como siempre que hay que tocar la plantilla, con muchísimo cuidado.

Poner un reloj

Es también muy sencillo: hay muchas páginas que ofrecen los códigos de relojes para blogs, totalmente gratis, como es el caso de las que pongo aquí:
www.relojeswev.com
www.relojesflash.com
www.clocklink.com

Personalmente, la última me parece la más bonita y la más completa. Cuando se nos abre, tenemos que pinchar en "gallery", y nos saldrán de muchos estilos, según escojamos: analógicos, digitales, de flores, de animales, transparentes, etc.
Todos tienen un código que hay que copiar, y pegar en el sitio que nos guste. Naturalmente, irá a una casilla de HTML-javascript, en "diseño".

Traductor


Poner un traductor es muy sencillo: copiad el código y lo trasladáis a la barra lateral en una casilla de HTML-javascript.
Casi al final, donde pone "tu web aquí", ponemos la URL de la nuestra.

<img src="http://img176.imageshack.us/img176/6091/84056383at1.png" /><form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation" target="_blank"><input value="ES" name="wl_srclang" type="hidden"><select style="font-size: 90%; width: 170px;" name="wl_trglang"><option value="EN">Spanish - English<option value="FR">Espagnol - Français<option value="DE">Spanisch - Deutscher<option value="IT">Spagnolo - Italiano<option value="PT">Espanhol - Português<option value="RU">Испанско - Pусский</select><input value="http://tu-web-aqui.com/" name="wl_url" type="hidden"><input style="font-size: 90%; width: 70px;" value="Traducir" type="submit"></form>

Botón de enlace de nuestro blog




Con sólo pinchar en él, nuestro blog podrá ser enlazado a otro.

Necesitamos una imagen que tengamos alojada (por ejemplo en tinypic).

Copiamos este código:
<img src="URL DE TU BOTON"/>
<form action="http://beta.blogger.com/add-widget" method="POST">
<input value="FAVORITO" name="widget.title" type="hidden"/>
<textarea style="display:none;" name="widget.content">

<a href="URL DE TU BLOG"><img src="URL DE TU BOTON" alt="TITULO DE TU BLOG"></a>

</textarea>
<input
value="http://buzz.blogger.com/" name="infoUrl" type="hidden"/>
<input
value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/>
<input value="Enlaza mi Blog" name="go" type="submit"/>
</form>

Nos vamos a "diseño", en uno de las casillas que tenemos de HTML-javascript lo pegamos, sustituyendo las mayúsculas por los datos que nos pida. La URL de la imagen (botón) que vayamos a poner, será la que nos salga para páginas web, como está señalada en la foto.




Le damos a "guardar" cuando tengamos el código completo.


Vuelvo a hacer hincapié en dejar un par de espacios después de lo último que tenemos puesto en esta casilla, por si nos equivocamos y hay que eliminarlo. También se puede "añadir un gadget" y traer otra casilla de HTML-javascript sólo para el enlace.Si no tenemos una imagen, podemos pinchar en el enlace de Cool text, y allí elegir el que nos guste.


http://cooltext.com/Buttons


Siempre, la recomendación de guardar la plantilla antes de hacer algún cambio.Todos los trucos que estoy poniendo, están sacados del blog http://www.elescaparatederosa.blogspot.com/ y de www.elbalcondejaime.blogspot.com



También se puede poner un enlace, con el gadget "imagen". Donde pone "pie de foto", poner "enlaza......a lo que queramos". Se carga la foto desde nuestro PC o desde la Web, y ya sale.


Para centrarla, únicamente tendremos que buscar en la plantilla (previamente guardada):




Y justamente encima, ponemos :


.Image


{


text-align:center;


}



Poniendo ésto, saldrán siempre alineadas las imágenes en la sidebar.




29 de enero de 2010

Crear un slide


Es una sucesión de imágenes que pasan de diferentes formas, según elijamos.
Yo acabo de hacer uno con los platos dulces que tengo en el blog.
Hay una dirección que es www.slide.com/arrange , y una vez allí tenemos que registrarnos, con lo cual todos los que hagamos, nos los guarda.
Lo primero que hay que hacer es tener bien claro y localizadas, las fotos que queremos subir, y una vez que tenemos ésto hecho, empezamos.
Tenemos una ventanita y al lado pone "buscar" (enmarcada en rojo en la foto). Pinchamos aquí y nos aparecerá nuestro archivo. Escribimos el que queremos poner y lo sube. Y así sucesivamente.
Abajo de la página se irán viendo las imágenes, que podemos suprimir si queremos pinchando el aspa del ángulo superior derecho (puede que sin darnos cuenta repitamos alguna), a las que podemos poner el nombre, o arrastrar para ponerla en otro lugar.
Cuando ya las tenemos subidas, aparecerá arriba por defecto el "modelo" de collage, pero podemos ir pinchando en los otros para ver el efecto que nos gusta más.
Una vez que hemos elegido, le damos a "guardar" para obtener el código que tenemos que poner en el blog. Seguramente saldrán unas opciones para ponerlas en distintos sitios, pero tenemos que elegir "blog".
Copiamos el código, y nos lo llevamos a "diseño", y lo ponemos dentro de uno de los rectángulos de "HTML-javascript", en el orden que queramos que aparezca. El tamaño es grande, pero lo ajustamos a la barra. El mío tiene 250 por 200. Es conveniente dejar un par de espacios por si queremos borrarlo, saber dónde empieza y dónde acaba.
En caso de que quisiéramos después añadir o eliminar una imagen, o poner bien un nombre que se nos ha escapado mal, nos vamos a la dirección y cuando salga, pinchamos arriba en "My slide". Saldrá lo que tenemos metido, y a la derecha pone "opciones". Pinchamos y se nos despliega una serie de ellas, entre las que se encuentra "editar". Lo hacemos, lo guardamos otra vez, pero ya no tenemos que volver a pegar el código.
Y ya está.

Poner una foto en la barra


Si queremos poner una foto en la barra lateral de nuestro blog, lo tenemos que hacer, al igual que el video, en código html y meterlo en uno de los recuadros de "HTML-javascript" que tenemos en "diseño".
Yo tengo las imágenes en http://www.tinypic.com/, y cuando busco cualquiera de ellas, me salen distintos códigos para direcciones, según el sitio donde la vaya a poner.
Cuando sale la primera pantalla le damos a "examinar", la elegimos, pinchamos y la abrimos. Podemos entonces variar el tamaño de la foto, porque hay algunas que tardan muchísimo en poderse subir.
Le damos a "cargar ahora", y nos saldrá la pantalla de la foto. Elegimos la que he subrayado, copiamos el código, nos vamos al recuadro de "HTML-javascript", y la pegamos allí.
Todo lo que tengamos en la barra lo podemos poner en el orden que queramos.
Yo aconsejaría dejar un par de espacios entre una cosa y otra, por si alguna vez queremos borrar algo, que nos sea más fácil saber dónde empieza y acaba el código.
Y si no queréis liaros y no tenéis muchas cosas, un rectángulo para cada una. Así hay menos peligro de meter la pata borrando algo que no queríamos.
También la podéis poner con la opción "añadir un gadget", pinchar el de "imagen" y seguir los pasos que van saliendo en la ventana.

Poner un video en la barra

Cuando queráis incluir un video en la barra lateral del blog, copiad la dirección que pone al lado, pero no la URL, sino la que he puesto en rojo, que es en código html.
Os váis a "diseño", y os saldrá una pantalla con un rectángulo a la derecha que pone "añadir gadgets". Pincháis ahí y de los muchos que aparecerán, habrá uno que ponga "HTML-javascript".
Lo pincháis y pegáis ahí el código que habéis copiado. Podéis variar el tamaño para que se ajuste al ancho de vuestra barra. Los que yo tengo son de 250 por 175.
Muy importante, hay que darle a "guardar".
Luego, con el ratón ponéis este rectángulo en el orden que queráis.



Hacer un backup


Para protegernos de meteduras de pata, y perder todo el trabajo que le hemos dedicado al blog, hay una forma de guardarlo y poderlo recuperar después.
Conviene hacerlo de cuando en cuando.
Nos vamos a "configuración", y una vez allí, en "herramientas de blog", pinchamos la opción "Exportar blog".
Nos saldrá una ventana, y pinchamos "descargar"
Se descargará enseguida, y luego lo guardamos donde queramos.

Leer más.....con imagen en miniatura

A veces, como es mi caso, escribimos textos bastante largos, y resultaría muy monótono a la vista verlos íntegros en la portada, por lo cual, es interesante poner la coletilla "Leer más".

Con ello conseguimos que sólo aparezca parte del texto, acompañado de una foto en miniatura que acompañe al mismo. Por defecto saldrá siempre la que tengamos en primer lugar.

El resultado es el que yo tengo en el blog.

Os dejo una dirección en la que viene muy claro cómo hacerlo, y la advertencia principal, es que antes de tocar la plantilla, la guardéis como oro en paño.

http://tuscodigosweb.blogspot.com/2009/02/leer-mas-con-imagen-miniatura-que-le.html

27 de enero de 2010

Marca de agua

Las marcas de agua se ponen en imágenes propias, para evitar que alguien pueda apropiarse de la autoría de esa foto. Sobre todo en manualidades y en cocina, se suelen ver bastante.

Abrimos la foto con Paint y pinchamos en la "A" que sale en el recuadro de herramientas de la izquierda. Luego, pincharemos en el segundo recuadro que sale al final de esta barra, y ya nos vamos a la foto y abrimos el rectángulo.

Elegimos color y en la barra de herramientas de texto, el tipo de letra y tamaño.

Si la barra de estado no está visible, pinchamos en "ver" para que salga. Y si la tuviéramos desactivada, hacer lo siguiente: al principio del cuadro de herramientas de la izquierda hay una estrella, y luego un rectángulo. Pinchar en él, y luego hacerlo ya todo igual (Pinchar en "A", en el segundo recuadro, y abrir el rectángulo en el sitio de la foto que queramos).
Como ya tendremos la barra de herramientas de texto, elegimos.

Escribimos nuestro nombre o el de nuestro blog, pinchamos en la foto para que se vaya el rectángulo y le damos en archivo a "guardar como".




26 de enero de 2010

Captura de pantalla de un video


Me trajo de cabeza durante una temporada, el poder hacer una captura de pantalla, de un video.

A veces nos pasa que hacemos una foto, y sin darnos cuenta el dedo se nos ha ido y tenemos la cámara en "video", con lo cual, no podemos pasar al ordenador la imagen, ni por supuesto editarla.

La solución que me daban era bajarme unos programas, que estaban muy lejos de lo básico de informática que yo necesitaba, y por fin un amigo me dijo algo sencillísimo de hacer:

Se coloca el puntero del ratón en cualquier sitio vacío del escritorio, y pinchamos con el botón derecho.

De la ventanita que sale, pinchamos "propiedades". De lo que nos vuelva a salir, "configuración", y de lo que vuelva otra vez a salir, "opciones avanzadas".

Entonces nos aparecerá otra ventana y pincharemos en "solucionador de problemas", y en la que nos salga, movemos el indicador de Aceleración de hardware hasta la posición "mínima". (Hay una escala que está al máximo, pues nosotros la traemos al otro extremo). Aceptamos y nos salimos.

Ahora nos vamos al video y con la tecla "ImrPt", pulsamos justo en la imagen que queramos capturar, y se procede ya igual que en la captura de pantalla normal.

Cuando se haya terminado, se vuelve a pinchar en un sitio vacío del escritorio y se hace la misma operación, sólo que cuando lleguemos al "solucionador de problemas", volveremos a poner el Acelerador de hardware al máximo.

Es mucho más sencillo de lo que parece.

Capturar una pantalla fija


No soy ni mucho menos entendida en informática, que ya me gustaría a mí, pero para hacer el blog y sacarlo adelante, me he encontrado a veces con dificultades, que luego resulta que eran facilísimas de solucionar, y no me parece mala idea compartirlas.


Una de ellas ha sido capturar una pantalla.

Cuando la tengamos, pulsamos la tecla "ImrPt", que suele estar arriba de la de "insert".

Nos vamos al ángulo izquierdo inferior y pinchamos en "inicio".

Si tenemos el "paint" lo pinchamos, y nos saldrá otra pantalla. Le damos en edición a "pegar" y ya tenemos en la pantalla lo que queríamos capturar.

Pinchamos en archivo y le damos a "guardar como".

Si sólo nos interesa la imagen, la editaremos y recortaremos lo que queramos.
He puesto el "paint" porque es el que yo tengo, pero lo podéis hacer con cualquier otro.