La verdad sobre Ecoogler |
Como la existencia de Ecoogler, el buscador ecológico recorrió la web de uno a otro extremo del mundo, me parece lógico aclarar ciertas cosas antes de seguir induciendo a errores o a que se siga abusando de nuestra buena fe.
Básicamente, todo se resume en una o dos frases: Ecoogler es falso y para eso, me remito al comunicado oficial de Alberto Arébalos, Director de Comunicaciones de Google para América Latina, que fue publicado el pasado miércoles cuatro en El Blog Oficial de Google:
Básicamente, todo se resume en una o dos frases: Ecoogler es falso y para eso, me remito al comunicado oficial de Alberto Arébalos, Director de Comunicaciones de Google para América Latina, que fue publicado el pasado miércoles cuatro en El Blog Oficial de Google:
Una cadenda de emails está recorriendo Internet diciendo que Google tiene un nuevo buscador llamado Ecoogler y que por cada 10.000 busquedas se donará un árbol al Amazonas. Y eso es mentira.
Ecoogler fue un miembro de nuestro programa AdSense (por el que avisos son colocados en sitios sin costo para los editores) pero fue cancelado debido a que Google no permite que editores generen visitas a sus sitios (y por ende ingresos por publicidad) a cambio de premios, sorteos, o promesas de ningún tipo.
Nuestra filosofía es que la experiencia de los usuarios de Internet sea la mejor posible y que los sitios tengan usuarios basados en su contenido, no falsos incentivos.
Con el fin de asegurar una buena experiencia para los usuarios y profesionales de la publicidad, los editores de Sitios Web no deberían pedir a los usuarios a que hagan click en los anuncios dentro de sus sitios o depender de métodos engañosos para obtener clicks
Los editores de Sitios Web que forman parte del programa AdSense tampoco deberían alentar a los usuarios a clickear sobre las publicidades de Google utilizando frases como "clickeé las publicidades", "ayúdenos", "visite estos links", u otras similares.
Tampoco dirigir la atención del usuario a las publicidades a través de flechas, cursores u otros "trucos gráficos". No deben poner imágenes engañosas al lado de publicidades independientes. No deben promover sitios a través de publicidades en mails masivos no solicitados o en publicidades no deseadas en sitios de terceros.
No deben compensar a los usuarios por ver publicidades ni por su desempeño para las búsquedas, tampoco prometer compensaciones a terceros por este tipo de comportamiento. No deben utilizar etiquetas engañosas sobre los módulos de los avisos, como por ejemplo "Sitios favoritos" en lugar de "Enlaces Patrocinados" que sería lo correcto.
Ecoogler fue un miembro de nuestro programa AdSense (por el que avisos son colocados en sitios sin costo para los editores) pero fue cancelado debido a que Google no permite que editores generen visitas a sus sitios (y por ende ingresos por publicidad) a cambio de premios, sorteos, o promesas de ningún tipo.
Nuestra filosofía es que la experiencia de los usuarios de Internet sea la mejor posible y que los sitios tengan usuarios basados en su contenido, no falsos incentivos.
Con el fin de asegurar una buena experiencia para los usuarios y profesionales de la publicidad, los editores de Sitios Web no deberían pedir a los usuarios a que hagan click en los anuncios dentro de sus sitios o depender de métodos engañosos para obtener clicks
Los editores de Sitios Web que forman parte del programa AdSense tampoco deberían alentar a los usuarios a clickear sobre las publicidades de Google utilizando frases como "clickeé las publicidades", "ayúdenos", "visite estos links", u otras similares.
Tampoco dirigir la atención del usuario a las publicidades a través de flechas, cursores u otros "trucos gráficos". No deben poner imágenes engañosas al lado de publicidades independientes. No deben promover sitios a través de publicidades en mails masivos no solicitados o en publicidades no deseadas en sitios de terceros.
No deben compensar a los usuarios por ver publicidades ni por su desempeño para las búsquedas, tampoco prometer compensaciones a terceros por este tipo de comportamiento. No deben utilizar etiquetas engañosas sobre los módulos de los avisos, como por ejemplo "Sitios favoritos" en lugar de "Enlaces Patrocinados" que sería lo correcto.
Moraleja: Google indica que no tiene nada que ver con el proyecto. Obviamente, los árboles no existen y todo se trata de algo parecido a una estafa. Consejos, ninguno, si quieren usarlo, úsenlo pero, recomendaría que retirasen los banners publicitarios.
Algunos de los nuevos cambios de Blogger |
En Blogger in draft trabajan desesperadamente por mejorar Blogger. De eso no tengo dudas. De lo que dudo es de si tienen idea de para que lado van o sólo se dedican a inventar cosas inútiles que a nadie le importan.
La novedad de este mes es ... un modelo de nuevo escritorio (dashboard). Bueno, no de todo sino de la primera página. Una maravilla de diseño del que están muy pero muy orgullosos:
"Our old dashboard was getting a little cramped, so we reorganized things and gave everything a fresh, new look."
Bueno, esa es sólo una parte, y este derroche de nuevo look sigue para abajo mostrando lo mismo de simpre, el Blogger Buzz en español ... atrasado un mes.
Y no es que el que está en inglés tenga mucho más pero ... por lo menos habla de las actualizaciones y "arreglos" de junio (no, no habla de los errores, ni de los de mayo ni de los de junio) ¿Dice algo sobre la programación de post que funciona mal o a veces (hoy) directamente no funciona? No. Dice otras cosas:
1. En caso eliminarse un post o cambiar la URL, hasta ahora, al acceder a esa dirección errónea, Blogger mostraba una página que decía No se ha encontrado el blog. Ahora, mostrará un mensaje que dice Page not found.
Charlando con Alejandro
, comentábamos que eso parecía razonable porque una cosa es que el blog no exista y otra que una página de ese blog no exista. Lo ideal sería tener una alternativa para que los usuarios podamos redirigir ese tipo de error a una página especial (una página 404 personal) o que el mismo Blogger simplemente lo enviara a la página principal.
Es verdad, aparece un enlace para eso pero parece insuficiente y algo más, no funciona al 100% porque, por ejemplo este enlace mostrará el viejo error de No se encuentra el blog:
http://www.vagabundia.blogspot.com/noexiste.html
probablemente, porque la página NUNCA existió.
La novedad de este mes es ... un modelo de nuevo escritorio (dashboard). Bueno, no de todo sino de la primera página. Una maravilla de diseño del que están muy pero muy orgullosos:
"Our old dashboard was getting a little cramped, so we reorganized things and gave everything a fresh, new look."
Bueno, esa es sólo una parte, y este derroche de nuevo look sigue para abajo mostrando lo mismo de simpre, el Blogger Buzz en español ... atrasado un mes.Y no es que el que está en inglés tenga mucho más pero ... por lo menos habla de las actualizaciones y "arreglos" de junio (no, no habla de los errores, ni de los de mayo ni de los de junio) ¿Dice algo sobre la programación de post que funciona mal o a veces (hoy) directamente no funciona? No. Dice otras cosas:
1. En caso eliminarse un post o cambiar la URL, hasta ahora, al acceder a esa dirección errónea, Blogger mostraba una página que decía No se ha encontrado el blog. Ahora, mostrará un mensaje que dice Page not found.
Charlando con Alejandro
, comentábamos que eso parecía razonable porque una cosa es que el blog no exista y otra que una página de ese blog no exista. Lo ideal sería tener una alternativa para que los usuarios podamos redirigir ese tipo de error a una página especial (una página 404 personal) o que el mismo Blogger simplemente lo enviara a la página principal.Es verdad, aparece un enlace para eso pero parece insuficiente y algo más, no funciona al 100% porque, por ejemplo este enlace mostrará el viejo error de No se encuentra el blog:
http://www.vagabundia.blogspot.com/noexiste.html
probablemente, porque la página NUNCA existió.
Sin embargo, esta otra muestra el error de Page not found:
http://vagabundia.blogspot.com/2008/06/vidgeo-widgets-en-flash-para-todos-los.html
probablemente, porque es la URL de una página existente a la que le he cambiado una letra.
http://vagabundia.blogspot.com/2008/06/vidgeo-widgets-en-flash-para-todos-los.html
probablemente, porque es la URL de una página existente a la que le he cambiado una letra.
2. Se ha resuelto un problema con la etiqueta <blockquote> en las plantillas Minima, Scribe, Harbor, Dots, 867/565, Moto, y Thisaway (si las cargan otra vez, no en las modificada).
Aparentemente, mostraban un problema al agregar citas. Alejando me lo confirma pero tampoco parece estar muy claro: "luego de colocar el blockquote, los párrafos que escribo luego pierden distancia entre renglón y renglón". Si ya hicimos cambios en el CSS, ellos dicen que debe moverse la propiedad line-height desde .post p {} hasta .post {}.
A ver si lo aclaramos un poco. Si la etiqueta blockquote posee una propiedad line-height, esto se hace para que la separación entre los párrafos de esa cita sea diferente de la "normal". Al terminar esa cita, se continúa con la separación por defecto o la que hayamos establecido nosotros. El problema es que si escribimos un post, el editor no usa la etiqueta P sino la etiqueta DIV y por lo tanto, no le estamos indicando la separación. Por eso, lo que debemos hacer es establecerla para todo el post; en general eso se hace en:
Aparentemente, mostraban un problema al agregar citas. Alejando me lo confirma pero tampoco parece estar muy claro: "luego de colocar el blockquote, los párrafos que escribo luego pierden distancia entre renglón y renglón". Si ya hicimos cambios en el CSS, ellos dicen que debe moverse la propiedad line-height desde .post p {} hasta .post {}.
A ver si lo aclaramos un poco. Si la etiqueta blockquote posee una propiedad line-height, esto se hace para que la separación entre los párrafos de esa cita sea diferente de la "normal". Al terminar esa cita, se continúa con la separación por defecto o la que hayamos establecido nosotros. El problema es que si escribimos un post, el editor no usa la etiqueta P sino la etiqueta DIV y por lo tanto, no le estamos indicando la separación. Por eso, lo que debemos hacer es establecerla para todo el post; en general eso se hace en:
.post-body {
.......
line-height:valor;
}Ese valor es variable (1.5em o 1.6em son los normales).
3. Las plantillas se mostrarán igual aunque coloquemos un valor erróneo en una etiqueta <data:nombre/>. Antes, se mostraba una página de error con el famoso código bX que nada decía.
Esta es una modificación importante y no me parece que sea algo bueno. Lo anterior era malo pero esto también. Lo único razonable es que se mostrara un mensaje de error indicándonos cuál es o dónde está el error y no que se lo pasara por alto ya que entonces, nos inducirá a tomar decisiones equivocadas.
Si Blogger quiere "cuidarnos" chequeando la sintaxis debe mostrar TODOS los errores e indicarnos cuáles son; sino, que no muestre ninguno. Mostrar unos y no mostrar otros es confuso. Habrá que estar atentos cuando modifiquemos las plantillas.
3. Las plantillas se mostrarán igual aunque coloquemos un valor erróneo en una etiqueta <data:nombre/>. Antes, se mostraba una página de error con el famoso código bX que nada decía.
Esta es una modificación importante y no me parece que sea algo bueno. Lo anterior era malo pero esto también. Lo único razonable es que se mostrara un mensaje de error indicándonos cuál es o dónde está el error y no que se lo pasara por alto ya que entonces, nos inducirá a tomar decisiones equivocadas.
Si Blogger quiere "cuidarnos" chequeando la sintaxis debe mostrar TODOS los errores e indicarnos cuáles son; sino, que no muestre ninguno. Mostrar unos y no mostrar otros es confuso. Habrá que estar atentos cuando modifiquemos las plantillas.
Alejandro termina comentando:
Cuándo pondrán algo tipo: ''Now comment on Blogger is much easier, similar to other platforms (wordpress)"
Es que él es una persona de mucha fe.
Cuándo pondrán algo tipo: ''Now comment on Blogger is much easier, similar to other platforms (wordpress)"
Es que él es una persona de mucha fe.
Blogger: Las etiquetas en una solapa |
Mandelrot tenía una inquietud que expresaba en varios comentarios. Había agregado el script Fabtabulous e intentaba agregar contenidos automáticos.
Empecemos por el principio.
Fabtabulous es un pequeño script que usa la librería Prototype y que nos permite crear un bloque con solapas que tengan diferente contenido por lo que en poco espacio, podemos mostrar varias cosas sin tener que extendernos a lo largo de la sidebar.
Para mi gusto es una de los mejores scripts ya que es muy pequeño, sencillo de usar y tiene la característica de poder personalizarse gráficamente con CSS. Los archivos necesarios para usarlo y las explicaciones respectivas pueden verse en el este post [más información]
La pregunta de Mandelrot apuntaba a un ejemplo concreto: poder colocar las etiquetas del blog en una de esas solapas.
La idea me pareció interesante y el uso de solapas me gusta, de hecho, con el mismo script, era lo que usaba en WordPress pero en Blogger ¿cómo hacerlo?
Hubo un largo feedback de ideas y fracasos. El problema radica en que en Blogger, ciertos datos sólo son accesibles cuando se encuentran incluidos en un elemento (widget) determinado. Por ejemplo, los datos del post solo podemos leerlos en el elemento Entradas del Blog y los datos de los archivos en el el elemento Archivos. Lo mismo ocurre con las etiquetas que sólo podemos leer en un elemento Labels. Esta es la gran limitación de Blogger, si pudiéramos leerlas en cualquier parte de la plantilla incluyendo el header, sabríamos la categoría del post a mostrar antes de hacerlo y podríamos manipularlo; por ejemplo, mostrar un diseño diferenciado según fuera de un tipo o de otro.
Esta bien, entonces, si sólo podemos leer las etiquetas en un elemento Labels ¿podemos usar el elemento Labels para agregar otro tipo de contenido? Esa era la idea que quedó flotando y en principio, no veo porque no debería poder hacerse. Claro, no podremos agregar datos de otros elementos exclusivos pero podemos agregar contenido propio como hacemos con los elementos HTML.
Si bien el ejemplo está implementado con Fabtabulous, en realidad, podríamos usar cualquier otro script del mismo tipo.
Lo que vamos a aprovechar es la posibilidad de crear tantos elementos Label como se nos ocurra. Si ya tenemos uno, agregamos otro desde Elementos de la Página, le ponemos un título y establecemos las opciones que nos parezcan convenientes. Guardamos y ahora vamos a Edición HTML de la plantilla y expandimos los artilugios.
Buscamos el código del nuevo elemento (por eso es bueno colocar un título claro aunque después lo cambiemos). Si ya teníamos un elemento similar, lo que veremos será algo así:
Empecemos por el principio.
Fabtabulous es un pequeño script que usa la librería Prototype y que nos permite crear un bloque con solapas que tengan diferente contenido por lo que en poco espacio, podemos mostrar varias cosas sin tener que extendernos a lo largo de la sidebar.
Para mi gusto es una de los mejores scripts ya que es muy pequeño, sencillo de usar y tiene la característica de poder personalizarse gráficamente con CSS. Los archivos necesarios para usarlo y las explicaciones respectivas pueden verse en el este post [más información]
La pregunta de Mandelrot apuntaba a un ejemplo concreto: poder colocar las etiquetas del blog en una de esas solapas.
La idea me pareció interesante y el uso de solapas me gusta, de hecho, con el mismo script, era lo que usaba en WordPress pero en Blogger ¿cómo hacerlo?
Hubo un largo feedback de ideas y fracasos. El problema radica en que en Blogger, ciertos datos sólo son accesibles cuando se encuentran incluidos en un elemento (widget) determinado. Por ejemplo, los datos del post solo podemos leerlos en el elemento Entradas del Blog y los datos de los archivos en el el elemento Archivos. Lo mismo ocurre con las etiquetas que sólo podemos leer en un elemento Labels. Esta es la gran limitación de Blogger, si pudiéramos leerlas en cualquier parte de la plantilla incluyendo el header, sabríamos la categoría del post a mostrar antes de hacerlo y podríamos manipularlo; por ejemplo, mostrar un diseño diferenciado según fuera de un tipo o de otro.
Esta bien, entonces, si sólo podemos leer las etiquetas en un elemento Labels ¿podemos usar el elemento Labels para agregar otro tipo de contenido? Esa era la idea que quedó flotando y en principio, no veo porque no debería poder hacerse. Claro, no podremos agregar datos de otros elementos exclusivos pero podemos agregar contenido propio como hacemos con los elementos HTML.
Si bien el ejemplo está implementado con Fabtabulous, en realidad, podríamos usar cualquier otro script del mismo tipo.
Lo que vamos a aprovechar es la posibilidad de crear tantos elementos Label como se nos ocurra. Si ya tenemos uno, agregamos otro desde Elementos de la Página, le ponemos un título y establecemos las opciones que nos parezcan convenientes. Guardamos y ahora vamos a Edición HTML de la plantilla y expandimos los artilugios.
Buscamos el código del nuevo elemento (por eso es bueno colocar un título claro aunque después lo cambiemos). Si ya teníamos un elemento similar, lo que veremos será algo así:
<b:widget id='Label2' locked='false' title='NOMBRE' type='Label'> <b:includable id='main'> <!-- este es el título del elemento --> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <!-- este es el bucle que lee las etiquetas del blog y las muestra --> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'> <data:label.name/> </span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <data:label.name/> </a> </b:if> <span dir='ltr'>(<data:label.count/>)</span> </li> </b:loop> </ul> <!-- este es el ícono para editar el elemento --> <b:include name='quickedit'/> </div> </b:includable> </b:widget>
Como en este momento no estoy usando un script con solapas en mi blog, decidí entonces colocarlo en uno de pruebas y, para probar las cosas, simplemente copié el ejemplo del post anterior
<b:widget id='Label2' locked='false' title='NOMBRE' type='Label'> <b:includable id='main'> <!-- este es el título del elemento --> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <!-- AQUÍ COLOCO EL CÓDIGO DE LAS SOLAPAS --> <ul id='tabs'> <li><a class='active-tab' href='#tab1'>Tab 1</a></li> <li><a href='#tab2'>Tab 2</a></li> <li><a href='#tab3'>Tab 3</a></li> <li><a href='#tab4'>Tab 4</a></li> </ul> <div class='demoTabs'> <div class='panel active-tab-body' id='tab1'>El contenido de la primera solapa.</div> <div class='panel' id='tab2'>El contenido de la segunda solapa.</div> <div class='panel' id='tab3'>El contenido de la tercera solapa.</div> <div class='panel' id='tab4'>El contenido de la cuarta solapa.</div> </div> .......
Obviamente la parte gráfica no se ve muy bien pero las solapas funcionan así que probemos que pasa si movemos el loop de Blooger y lo colocamos en el contenido de una ellas.
En lugar de:
En lugar de:
<div class='panel' id='tab2'> El contenido de la segunda solapa. </div>
Ponemos:
<div class='panel' id='tab2'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'> <data:label.name/> </span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <data:label.name/> </a> </b:if> <span dir='ltr'>(<data:label.count/>)</span> </li> </b:loop> </ul> </div>
Parece que no hay problemas, es aceptado y las etiquetas se muestran correctamente aunque, claro, deberá adaptarse el estilo con CSS.
¿Y el resto de las solapas? En principio, cualquier contenido es válido excepto otro elemento de Blogger.
¿Podría hacerse con el elemento Archivos? No lo he probado pero imagino que sí, sólo habría que seguir el mismo criterio, copiar el contenido del elemento (todo lo que está entre el título y el ícono de edición) en la solapa donde quisiéramos verlos.
¿Y el resto de las solapas? En principio, cualquier contenido es válido excepto otro elemento de Blogger.
¿Podría hacerse con el elemento Archivos? No lo he probado pero imagino que sí, sólo habría que seguir el mismo criterio, copiar el contenido del elemento (todo lo que está entre el título y el ícono de edición) en la solapa donde quisiéramos verlos.
Matryoshkas: El bit es indivisible |
Bit, byte, kilobyte, megabyte, gigabyte, terabyte ... palabras explicadas en un juguete al estilo de las famosas Matryoshkas rusas:
REFERENCIAS:
Preguntas y respuestas sobre enlaces |
¿Cómo se crea un enlace?
Usando la etiqueta <a> </a> (anchor) donde el atributo href indicará la dirección URL del documento al que que queremos enlazar.
Usando la etiqueta <a> </a> (anchor) donde el atributo href indicará la dirección URL del documento al que que queremos enlazar.
<a href="http://vagabundia.blogspot.com/">ENLACE</a>Todos estos son enlaces que apuntan a la misma dirección:
| http://vagabundia.blogspot.com/ |  | CLICK |
¿Qué es una dirección URL?
Una URL (Uniform Resource Locator) es una dirección que permite acceder a un archivo o un archivo (html, php, gif, jpg, mp3, swf, etc). Es la cadena de caracteres que identifica cada recurso disponible en la web:
protocolo://máquina/directorio/archivo
http://vagabundia.blogspot.com/index.html
¿Se escriben con mayúsculas o minúsculas?
Con minúsculas aunque, dependiendo del sistema operativo, carece de importancia, Windows y Mac ignoran el tipo de letra pero algunos sistemas basados en Unix no.
¿Siempre comienzan con http://?
En Blogger SI aunque alguna dirección puede comenzar con ftp:// o con mailto:. De todas maneras, en Blogger siempre comienzan con el llamado protocolo porque no disponemos de directorios o carpetas internas
En otros servicios, por ejemplo si tenemos un hosting propio, podemos usar los llamados paths relativos.
Una URL (Uniform Resource Locator) es una dirección que permite acceder a un archivo o un archivo (html, php, gif, jpg, mp3, swf, etc). Es la cadena de caracteres que identifica cada recurso disponible en la web:
protocolo://máquina/directorio/archivo
http://vagabundia.blogspot.com/index.html
¿Se escriben con mayúsculas o minúsculas?
Con minúsculas aunque, dependiendo del sistema operativo, carece de importancia, Windows y Mac ignoran el tipo de letra pero algunos sistemas basados en Unix no.
¿Siempre comienzan con http://?
En Blogger SI aunque alguna dirección puede comenzar con ftp:// o con mailto:. De todas maneras, en Blogger siempre comienzan con el llamado protocolo porque no disponemos de directorios o carpetas internas
En otros servicios, por ejemplo si tenemos un hosting propio, podemos usar los llamados paths relativos.
<a href="archivo.gif"> <a href="/imagenes/archivo.gif"> <a href="../imagenes/archivo.gif">
¿Todas las direcciones deben terminar con una barra inclinada (slash)?
NO, esa barra sólo se coloca cuando no se enlazan documentos y colocarla erróneamente, hace que el navegador nos dirija a cualquier parte. Por ejemplo:
http://vagabundia.blogspot.com/index.html/ [enlace incorrecto]
http://vagabundia.blogspot.com/index.html [enlace correcto]
La barra final sólo la usamos si no indicamos un archivo y de esa manera dejamos que sea el sitio al que nos dirigimos el que resuelva las cosas:
http://www.unsitio.com/html/
En el caso de ser la dirección del servidor (hostname), si no la colocamos, el navegador la mostrará agregada en la barra de direcciones y, por lo general, nos llevará a la página índice o a la página de inicio.
http://vagabundia.blogspot.com
Aunque, es conveniente colocarla, simplemente para que nos acostumbremos a usar la sintaxis correcta:
http://vagabundia.blogspot.com/
¿Cómo sé si la URL es válida?
El error más común es que digamos "esto no funciona" porque la dirección del recurso que colocamos está equivocada. Si se trata de una página web, basta chequear lo que nosotros escribimos con la dirección que nos muestra el navegador.
Si se trata de otro tipo de archivos debemos hacer lo mismo, copiarla en la barra de direcciones del navegador y hacer que nos muestre el recurso. El resultado, dependerá mucho de que tipo de archivo se trata pero, habrá básicamente dos posibilidades, o nos lo muestra (una imagen, un SWF si tenemos los plugins) o se abre la ventana de descarga. Si lo que vemos es una página web, la dirección es errónea
¿Cómo abrir un enlace en una nueva pestaña?
Podemos hacer que se abra en una nueva ventana, que se abra en una nueva pestaña dependerá de la forma en que configuremos el navegador. Para eso, agregamos el atributo target:
<a href="http://vagabundia.blogspot.com/" target="_blank">ENLACE</a>
¿Podemos abrir ventanas con un tamaño específico?
SI, pero para eso debemos usar JavaScript:
NO, esa barra sólo se coloca cuando no se enlazan documentos y colocarla erróneamente, hace que el navegador nos dirija a cualquier parte. Por ejemplo:
http://vagabundia.blogspot.com/index.html/ [enlace incorrecto]
http://vagabundia.blogspot.com/index.html [enlace correcto]
La barra final sólo la usamos si no indicamos un archivo y de esa manera dejamos que sea el sitio al que nos dirigimos el que resuelva las cosas:
http://www.unsitio.com/html/
En el caso de ser la dirección del servidor (hostname), si no la colocamos, el navegador la mostrará agregada en la barra de direcciones y, por lo general, nos llevará a la página índice o a la página de inicio.
http://vagabundia.blogspot.com
Aunque, es conveniente colocarla, simplemente para que nos acostumbremos a usar la sintaxis correcta:
http://vagabundia.blogspot.com/
¿Cómo sé si la URL es válida?
El error más común es que digamos "esto no funciona" porque la dirección del recurso que colocamos está equivocada. Si se trata de una página web, basta chequear lo que nosotros escribimos con la dirección que nos muestra el navegador.
Si se trata de otro tipo de archivos debemos hacer lo mismo, copiarla en la barra de direcciones del navegador y hacer que nos muestre el recurso. El resultado, dependerá mucho de que tipo de archivo se trata pero, habrá básicamente dos posibilidades, o nos lo muestra (una imagen, un SWF si tenemos los plugins) o se abre la ventana de descarga. Si lo que vemos es una página web, la dirección es errónea
¿Cómo abrir un enlace en una nueva pestaña?
Podemos hacer que se abra en una nueva ventana, que se abra en una nueva pestaña dependerá de la forma en que configuremos el navegador. Para eso, agregamos el atributo target:
<a href="http://vagabundia.blogspot.com/" target="_blank">ENLACE</a>
¿Podemos abrir ventanas con un tamaño específico?
SI, pero para eso debemos usar JavaScript:
<a
href="#"
target="nombre"
onclick="window.open('URL_destino', 'nombre', 'width=600,height=400'); return false">
ENLACE
</a>¿Puedo colocar un enlace para que se pueda descargar un archivo?
En Blogger hay que alojar ese archivo en algún servidor y luego colocar su dirección; no tenemos acceso a ninguna otra posibilidad:
<a href="URL_archivo">ENLACE</a>
¿Lo que vemos de un enlace siempre es un texto?
NO. Podemos usar un texto, una imagen o ambos:
En Blogger hay que alojar ese archivo en algún servidor y luego colocar su dirección; no tenemos acceso a ninguna otra posibilidad:
<a href="URL_archivo">ENLACE</a>
¿Lo que vemos de un enlace siempre es un texto?
NO. Podemos usar un texto, una imagen o ambos:
<a href="URL_archivo"><img src="URL_imagen"/></a>
TODO lo que está entre la etiqueta de apertura <a ...> y la etiqueta de cierre </a> será el enlace (hipervínculo) y, por defecto, al colocar el mouse encima, veremos un puntero on la forma de una mano.
¿Y si la imagen es muy grande, puedo redimensionarla?
SI, eso es posible usando los atributos width y height o bien estableciendo un estilo con style:
¿Y si la imagen es muy grande, puedo redimensionarla?
SI, eso es posible usando los atributos width y height o bien estableciendo un estilo con style:
<img width="ancho" height="alto" src="URL_imagen"/> <img style="width:anchopx;height:altopx;" src="URL_imagen"/>
Pero que se vea pequeña no significa que "se cargará chica". Por ejemplo, si queremos mostrar wallpapers de 1024x768, aunque establezcamos que se muestren de un tamaño menor, el navegador cargará la imagen original y luego la redimensionará así que el tiempo de carga será incluso superior a si directamente los colocásemos de tamaño natural. En esos casos, conviene tener una segunda imagen ya redimensionada.
¿Entonces puede tener una miniatura y enlazar la imagen grande?
SI, eso sería lo razonable:
¿Entonces puede tener una miniatura y enlazar la imagen grande?
SI, eso sería lo razonable:
<a href="URL_imagenOriginal"><img src="URL_imagenMiniatura"/></a>
¿Puede quitarse el borde de las imágenes que uso de enlace?
Por defecto, tienen un borde azul (espantoso y antigüo). Puede quitarse de dos maneras, en una imagen individual estableciendo el atributo border:
Por defecto, tienen un borde azul (espantoso y antigüo). Puede quitarse de dos maneras, en una imagen individual estableciendo el atributo border:
<a href="URL_destino"><img src="URL_imagen" border="0" /></a>| Enlace con borde | Enlace sin borde |
 | |
O bien estableciendo una regla genérica en el CSS de la plantilla o web. Por lo general, se coloca al inicio de las definiciones de estilo:
a img {text-decoration: none; border: 0; outline: none;}¿Y el subrayado de los textos de los enlaces?
Del mismo modo. En uno en particular lo hacemos usando el atributo style:
Del mismo modo. En uno en particular lo hacemos usando el atributo style:
<a href="URL_destino" style="text-decoration: none;">ENLACE</a>
O establecemos una regla genérica:
a, a:visited, a:link, a:active {text-decoration: none; outline: none;}
a:hover {text-decoration: none; outline: none;}¿Y el color de de los enlaces?
Lo mismo que con el subrayado, eso lo controlamos con las propiedades CSS:
Lo mismo que con el subrayado, eso lo controlamos con las propiedades CSS:
a, a:link {color: #color;} /* el color genérico */
a:visited {color: #color;} /* el color de los enlaces visitados */
a:active {color: #color;} /* el color del enlace activo */
a:hover {color: #color;} /* el color cuando colocamos el mouse encima */¿Por qué veo una marca blanca al lado de las imágenes de los enlaces?
Esa rayita indica que hay un espacio en blanco o un salto de línea antes o después de la etiqueta IMG:
Esa rayita indica que hay un espacio en blanco o un salto de línea antes o después de la etiqueta IMG:
<a href="URL_destino"> <img src="URL_imagen"/> </a>
Se soluciona colocando toda la etiqueta A en una sola línea:
<a href="URL_destino"><img src="URL_imagen"/></a>
¿Los enlaces sólo sirven para abrir páginas o recursos?
NO, también los usamos para ejecutar JavaScript.
NO, también los usamos para ejecutar JavaScript.
<a href="javascript:void(0);" onclick="funcion();">ENLACE</a>HOLA
¿Pueden usarse otras etiquetas para que funcionen como enlaces?
SI, por ejemplo, los botones de los formularios:
SI, por ejemplo, los botones de los formularios:
<form action="URL_destino" method="get"> <input value="UN ENLACE" type="submit"> </form>
¿Y cómo creo un enlace para enviar mails?
Usando el protocolo mailto:
Usando el protocolo mailto:
<a href="mailto:vagabundia@gmail.com">vagabundia arroba gmail punto com</a>.
MovAVI: Unir archivos de video online |
Ya sabemos que YouTube tiene limitaciones y a mi juicio, una de las más molestas es la longitud de los videos. Parte 1 de 11 o Parte 5 de 8 son cosas que nos encontramos a diario y que nos obligan a hacer listas de reproducción para mantenerlos asociados pero, no es lo mismo que tener un solo archivo. Peor aún, si los descargamos, las cosas se complican más ya que tenemos una serie de archivos individuales.
MovAVI es un sitio que nos resuelve el problema parcialmente, uniendo hasta cinco de esos videos, ya sea ingresando la URL o seleccionándolos desde nuestra PC (FLV, MP4 o AVI).
Es interesante que podamos seleccionar el formato de salida y si queremos, sólo hacerlo con el audio.
No hace falta registrarnos, sólo debemos ingresar una dirección de mail donde se nos notificará cuando el archivo esté disponible y luego, lo descargaremos desde el enlace que nos darán.
Para quien lo crea útil, también puede integrarse el servicio en una página web, copiando y pegando el código correspondiente de alguno de los widgets disponibles. Desde estos, cualquier visitante puede utilizar el sistema de conversión sin necesidad de ingresar a la página del servicio aunque está limitado a un video de no más de 10 minutos o de 100 megas.
MovAVI es un sitio que nos resuelve el problema parcialmente, uniendo hasta cinco de esos videos, ya sea ingresando la URL o seleccionándolos desde nuestra PC (FLV, MP4 o AVI).
Es interesante que podamos seleccionar el formato de salida y si queremos, sólo hacerlo con el audio.
No hace falta registrarnos, sólo debemos ingresar una dirección de mail donde se nos notificará cuando el archivo esté disponible y luego, lo descargaremos desde el enlace que nos darán.
Para quien lo crea útil, también puede integrarse el servicio en una página web, copiando y pegando el código correspondiente de alguno de los widgets disponibles. Desde estos, cualquier visitante puede utilizar el sistema de conversión sin necesidad de ingresar a la página del servicio aunque está limitado a un video de no más de 10 minutos o de 100 megas.
REFERENCIAS:
