Como volver a ver tus fotos decentemente en Facebook

En la entrada anterior, entre otras jugarretas hablo del nuevo visor de imagenes de Facebook que te estropea el visionado de todas las fotos además de no permitirte descargarlas como anteriormente. Quizás sea esa su intención. La verdad que se ven fatal y es de lo más engorroso. En la película "La red Social" se ve como una de las primeras hazañas de nuestro "querido" Mark Zuckerberg era descargarse las fotos de todas sus compañeras de clase de un golpe para crear un concurso de la chica más caliente. Lo que le llevo algunos problemas.

Ahora quiere negarnos ese placer por lo visto con este nuevo visor que además de ser repugnantemente horrible no se pueden descargar las fotos como antes. Me salían chispas de la cabeza sólo de pensar como se puede ser tan cabrito.
Comentando esto con un socio, editor de Yohagoweb, nos pusimos a buscar soluciones a esta jugarreta Facebookera. Mi colega descubrió un método usando Google Chrome algo aparatoso para a través de el enlace directo a la imagen llegar a ella y poderla descargar, que ahora os explico.


Según pudo comprobar con Chrome puedes hacer lo siguiente:

1. Inspeccionar elemento con el botón derecho del ratón sobre la imagen ya ampliada.
2. Si no se puede copiar la url con el ratón marcar todo ese pedazo de código que no es mucho y copiar con Control+C, pegar un cualquier... editor de texto y ya podemos copiar la url de la imagen.

El resultado de eso es que obtienes el enlace directo a la imagen a través de una url de aquí a mañana. Como el siguiente no os asustéis:
http://a5.sphotos.ak.fbcdn.net/hphotos-ak-snc6/168403_1524502605163_1612584662_1122811_1135102_n.jpg

Esto os lleva a la propia imagen probarlo haciendo clic sobre el vinculo. El truco lo podéis ver en las siguientes imagenes:

Con el botón derecho del mouse aparece este menú al final la opción "Inspeccionar elemento".

Debajo podéis ver sobre la linea verde en texto azul la url directa de la imagen.

Esto es parecido a con Control+U para ver el código fuente de la página. Además de  un poco engorroso, sobre todo si quieres descargar cierto numero de imagenes, no es para cualquier webmaster principiante. Efectivo pero para usuarios avanzados.

Pero tenia que haber alguna manera más sencilla de hacerlo sin necesidad de tanto lio. Lo primero que se me ocurrió pensar fue en usar el DownloadHelper de Firefox. De hecho Zuckerberg consiguió descargar todas las fotos de sus compañeras en bloque usando el Mozilla. Por lo cual lo debía de tener ya pensado esto y el DownloadHelper no funciona para este caso. Así como permite en general descargar las imagenes de la mayoría de páginas en bloque. Las imagenes mostradas en este nuevo visor de Facebook parece que ni tan siquiera las detecta.

Hay otra opción en Mozilla Firefox que es con el botón derecho sobre el visor  famosos elegir "Guardar como" en el menú. Con eso lo que haces es descargar todo el contenido de la página. Por un lado el archivo HTML y por otra una carpeta con toooodas las imagenes que aparecen incluidas las de los anuncios. Luego entre ellas localizar la que te interesa y así por cada imagen. Tampoco sirve. Nada recomendable.

Leer más...

Boton para compartir Buzz no oficial

A pesar de los pesares y las quejas anteriores, cuando apareció Buzz en mi vida decidí probarlo, lo mio fue voluntario. Algo así tengo que conocer como funciona para contarlo, puesto que a pesar de los detractores que pueda tener, hay quien está a favor o incluso ya se ha convertido en entusiasta de la aplicación. En mi caso sin darme cuenta, ni pretenderlo, estos días he tenido solicitudes de nuevos seguidores de los mios, mira tu por donde, y yo hablando mal del pobre. ya puestos pues no lo voy a eliminar, por lo menos no de esa cuenta, tengo otras que estarán libres de Buzz. No me interesa tenerlo ahí.
pues ahora que el Buzz de mi cuenta principal ya tiene seguidores a sacarle aprovecho y ver que posibilidades me ofrece.
Con la prisa en implantarlo se les han pasado detalles importantes, funciones y herramientas que lo hagan practico, que merezca la pena usarlo y que sirva para algo más que para cotillear lo que hacen los demás, que para eso ya hay otras redes sociales, que no voy ni a nombrar por que ya todos las conocemos.
espero sólo que Buzz no sea una red social más de cotilleo máximo y sea una herramienta realmente útil.

En su prisa se les ha pasado incluso un detalle importante y vital en las redes sociales: el botón para compartir. Ese pedacito de código que puedes insertar en la barra lateral o al píe de tus entradas y que permite a tus visitantes y usuarios habituales compartir o votar las publicaciones que les parezcan interesantes y merezcan ser difundidas según su criterio. De nuevo han tenido que salir algunos usuarios a cubrir solucionarlo con su ingenio. Viendo algunos blogs por ahí me di cuenta que algunos tenían un botón para compartir sus Buzz. Me intereso el tema y seguí buscando para saber donde habían conseguido el código y como implementarlo en el blog. Podréis verlo con su icono ya conocido del globo con los colores de Google. Si hacéis clic sobre él os llevara a un formulario donde podréis poner una descripción y curiosamente añadirle etiquetas. Eso es porque este botón no es oficial y utiliza la opción de añadir enlace de Google Reader para hacerlo. En si mismo Buzz no tiene por si sólo la opción de etiquetas, al menos no en tu bandeja de entrada. Para que funcione solamente es necesario que tus lectores tengan los elementos compartidos de Google Reader vinculados a su Google Buzz, tal y como viene por defecto.
Para Wordpress parece que ya hay algún plugin in ventado por Mashable, tanto para poner el botón, enlace y para mostrar los textos de Google Buzz en forma de columna de texto en nuestro blog. Lo cual lo facilita mucho y no te obliga a andar rebuscando en el código fuente de la plantilla de tu blog para hacerlo. Muy oportunos estos muchachos.


En el caso de Blogger con ser de la casa todavía parece que a nadie se le ha ocurrido un plugin para el botón Buzz y hay que hacerlo manualmente. Pero no asustarse la tarea no es nada complicada.
En el panel de control diseño/edición de html y expandir plantillas de artilugios. Has de buscar la siguiente linea:
div class="post-header-line-1"
Dependiendo de la plantilla puedes ponerlo en diferentes lugares en mi caso va en:
post-footer-line-3
Copia alguna de estas según la ubicación donde lo quieras, uno es para la cabecera y otro para el píe de entradas. Teniendo la plantilla de artilugios expandidos pulsa control+f para buscar en el código sin dejarte los ojos. Cuando encuentres la linea donde quieras colocar el botón pega ahí el siguiente código:
<a alt='Buzz' expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Buzz'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVzsZwx0J3jTodAPCtgWlHM2vVak9oIVZlxv_nyUCiIiIIeoABKm0HI7z4EdewE5nx4Gs3cC7oPpa0A7NOL2VDQz6ho423GeOstU3N8J7dVWLYp4ox9qsDlVOeI2mqrjYeYQ9o21oxjwI/'/></a>
Y ya está si lo pegas donde yo, lo veras en el mismo lugar que en este blog a los pies de las entradas. En la otra ubicación aparecerá en la cabecera. Puedes cambiar la ruta de la imagen en el código por otra personalizada que tengas tu alojada en algún servidor.
Hala, ya tienes tu botón para compartir y que tus visitantes puedan difundir tus entradas a través de Buzz.
Fuentes:

Diariothc|wwwhatsnew|savedelete|Blogandweb|elescaparatederosa

Leer más...

Crea tu directorio de webs

Un directorio es un sitio donde puedes registrar y dar de alta tus sitios web, normalmente ras aprobación y revisión de tus contenidos. Los editores de blogs o páginas web suelen registrarlas en estos directorios para hacer sus sitios más visibles y aumentar el trafico. Hay montones de ellos en la red y en general en cuantos más se encuentre tu sitio mejores resultados obtendrás, si bien a veces con estar registrado en los más importantes puede ser suficiente.
Pero puede que seas de los que le gusta probar las cosas y conocerlas a fondo, o bien que el tener un directorio propio te resulte interesante o incluso necesario. Si te encuentras en alguno de estos supuestos es posible que te interese saber que herramientas hay disponibles para instalar tu propio directorio.
Casualmente encontré en la red una aplicación libre, si bien tiene una opción con licencia y algunas ventajas. Fácil de instalar, sin necesitar grandes conocimientos, gratis y personalizable.
Existen las siguientes versiones:

Script Gratuito
En el que sólo se te pide mantener la linea de retribución y sin soporte técnico.
Script con licencia
Te permite eliminar la linea de atribución y puedes pedir soporte técnico.
Sitios multiples
Una oferta especial que te permite tener una licencia para todos los sitios web que poseas a precio reducido.
Script PHp completo de directorio
Permite referencias cruzadas, URLs estáticas, diferentes tipos de altas (entre ellas esponsorizadas), permite sugerir categorías a los usuarios, pago con Paypal integrado, ultimas búsquedas realizadas, copia de seguridad, estadísticas. lo malo de esta opción es que sólo existe en versión con licencia o licencia múltiple y el precio es algo alto. Es una versión para rentabilizar y monetizar tu directorio.

INSTALACION
Si has instalado algun gestor de contenidos como Wordpress, Joomla, drupal o foros PHPBB no te resultara nada complicado la instalación, es de lo más sencillo y aunque no conozcas estas aplicaciones anteriores y te preparara para ello ya que en casi todos los casos los pasos son muy similares.

Primero has de descargar aquí el archivo Zip (comprimido) y descomprimirlo en tu escritorio. Modifica el archivo config.php con el nombre de tu base de datos, usuario, contraseña (de la base de datos, claro) (para ello has de disponer de un servidor gratuito o de pago con base de datos). Sube los archivos que componen tu directorio web al raíz o algún subdirectorio en tu servidor por FTP. Ejecuta install.php y sigue los pasos que te pide. Ejecuta admin.php para loguearte y administrar tu directorio. Puedes personlizarlo, está basado en plantillas. Todo el código devuelto se puede editar a través de los archivos de plantillas:
/template_index.php para inicio y categorías, /template_search.php para resultados de búsqueda y /template_add_url.php para los formularios de alta.

La ultima versión es la 2.0 con el añadido del sistema de plantillas y mejora del tiempo de respuesta y carga.

Requisitos:
El script funciona sin errores conocidos con PHP versión 4 o superior y MySQL versión 3 o superior.
Y a disfrutar de tu directorio personal.

Fuente y más info:
Script PHP gratuito Leer más...

Protege tu privacidad en Facebook dos

Ahora un pequeño manual practico de como mantener a salvo tu privacidad en esta famosa y controvertida red social. Por lo menos en lo que respecta a posibles fisgon@s indeseados de a píe. Contra los empleados o dueños de Facebook (o empresas con acuerdos comerciales, asociadas, departamentos de inteligencia, etc) puede que no resulte.
Siempre la primera regla de seguridad es no publicar nada que te pueda comprometer y no dar toda la información, o que por lo menos no sea toda información real y relevante.
Ahora nos vamos a conocer el interior del panel de privacidad de Facebook, me parare en las cuestiones más importantes como el que te etiqueten en fotos o vídeos, que tus fotos no aparezcan en los anuncios, etc.
Lo de los anuncios ya lo habíamos hablado en la entrada anterior.
Dentro de unos dias cumpliendo con lo acordado cuando aceptamos las condiciones al crear nuestra cuenta los anunciantes de Facebook podran usar fotografias de tus albumes como imagenes para sus anuncios si no haces algo por evitarlo.
La solucion es fácil:
Pincha "Configuración" arriba a la derecha. Selecciona "Configuración de privacidad". Selecciona "Noticias y muro". Luego, selecciona la pestaña que dice "Anuncios de Facebook". En la lista desplegable, selecciona "Nadie". Guarda los cambios.

En el panel te encontraras que tienes diferentes categorias. A la vista de la imagen ya os podeis imaginar de que va cada una de las cosas. En perfil tu información personal. En buscar controlar quien te puede encontrar y quien no. la información del muro y para finalizar la información que das cuando aceptas usar alguna aplicación.


Limita perfil e información a sólo amigos, a menos que te quieras promocionar no hace falta que tus contenidos sean visibles para todo el mundo. Es como viene por defecto un detalle por parte de Facebook. Vete a privacidad> perfil y comprueba que todos los campos estan en sólo amigos. Hay opciones personalizadas como las siguientes, también puedes escoger verlo sólo tu y puedes ver como lo veran tus amigos escribiendo el nombre de alguno de ellos:

En el apartado redes de la ventana emergente de personalizado puedes escoger en el menú: "ninguna de mis redes", si sólo quieres verlo tu y nadie más. Aceptar. Tambien puedes hacer excepciones para que no lo puedan ver determinadas personas.

Esto es importante en el apartado privacidad > buscar. Esta es la información que podrá ver la gente que busque tu nombre en Facebook o en Google Los usuarios que te encuentran al hacer búsquedas sólo ven una versión muy limitada de tu perfil. Utiliza las casillas siguientes para controlar los datos que ven los usuarios además de tu nombre. Ahí por ejemplo desactiva "paginas de las que soy fan" en caso de serlo de alguna comprometedora para tu empleo, relaciones familiares, etc. Hoy en día los comités de recursos humanos y las empresas de trabajo temporal buscan información sobre ti en Internet e imaginate que se encuentran que eres fan de "pasarme todo el año de baja". Desactivando la segunda consigues que no aparezcan tus datos en las búsquedas de Google, tu fotos de perfil amigos y la lista: "soy fan de...".


Cuando miras las fotos de algún amig@ veras que hay dos apartados, uno "fotos de Fulanit@" y otro "albumes de Fulanit@". Las segundas son las fotos que Fulanito o Fulanita han subido. Por esas no hay de que preocuparse. aunque seria recomendable publicarlos sólo para amig@s de todas formas.
El problema puede surgir con la primera selección de fotos, ya que son las fotos donde te han etiquetado, ya sea en tu álbum, o en álbumes de otros amigos. Y eso no lo puedes controlar. A pesar de que tu tengas cuidado con las fotos que subes y publicas en tus albumes, un colega pude subir alguna foto que a ti no te interesa y etiquetarte en ella. Se soluciona haciendo que sólo tu seas avisado cuando alguien te etiqueta en una foto. Podras ver en que fotos apareces y compartir sólo las que a ti te interesen. Configúralo en Privacidad-> Perfil-> “Fotos etiquetadas de ti”-> Personalizar…-> “Sólo yo”.

Algo parecido puede pasar cuando comentas una foto ajena. Automáticamente esta foto y el álbum se publican en el muro de todos tu amigos. Esto se soluciona desactivando las siguientes opciones en Privacidad-> Últimas Noticias y Muro:



Otro peligro son las aplicaciones que utilizas y grupos en los que participas cuando las aceptas, limita al maximo la información que permites a la aplicación que puede dar tu información al resto de los miembros la mayoría desconocid@s. Accede a Privacidad-> Aplicaciones-> Configuración y desactiva todas las características que creas necesarias, todo menos foto de perfil.
Con estos consejos tendrás controlada la información que se puede conseguir de ti cualquiera en Facebook y estar algo más tranquil@ de que tu actividad pueda ser reveladora de algún dato que no quieras que alguien conozca.

VER PRIMERA PARTE

FUENTES:

Mariomoreno | Komoloves |El Pollo Matutino

Leer más...

Dos columnas en las entradas de tu blog

Os presento una forma sencilla de copia y pega para organizar el texto de las entradas de vuestro blog en dos columnas una a la izquierda y otra a la derecha. Lo he probado en blogger pero es posible que funcione en otras plataformas de blogs. Cortesia de Webmasters Deluxe.
Solo tienes que copiar el código y pegarlo en la vista HTML de tu editor de entradas y sustituir el texto que está entre las etiquetas por el contenido de cada una de las columnas. Sirve tambien para organizar otros contenidos como imagenes o listas de enlaces. En este caso la medida de las columnas está al 45%, pero esa cifra se puede variar por ejemplo una al 30% y otra al 60% por ejemplo como veremos. Si sabes algo de CSS puedes modificar otros parametros para personalizar las columnas a tu gusto o de una manera que se integre con el diseño o los colores de tu blog:

<div style="float: left; WIDTH: 45%">Este es el Texto de la Columna de la Izquierda</div> <div style="float: right; WIDTH: 45%">Este es el Texto de la Columna de la Derecha</div><divstyle="clear:></div>

Este es el resultado:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra mi ac odio. Curabitur hendrerit congue nunc. Etiam enim elit, pretium quis, ullamcorper non, elementum et, metus. Duis nunc. Morbi lacinia elit in dui. Ut massa ante, laoreet nec, dictum vitae, semper quis, dui. Morbi auctor sodales sem. Morbi sollicitudin diam id diam. Suspendisse sit amet mi vitae enim congue placerat. Integer lacinia. Donec non orci. Donec quam libero, pretium ac, blandit sed, vestibulum eget, erat. Donec suscipit rutrum tellus. Nam eget quam sed metus faucibus pulvinar. Aliquam augue enim, mattis in, rutrum ac, adipiscing et, felis.

Maecenas metus lorem, tempus quis, tristique ut, vehicula vel, lacus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis eu libero. Nullam condimentum. Pellentesque condimentum imperdiet massa. Nam est quam, congue a, molestie non, consequat a, leo. Donec lectus mi, sagittis nec, eleifend nec, sagittis a, ante. Maecenas ornare. Cras neque odio, semper eu, convallis eu, ultricies quis, nulla. Praesent viverra. Morbi consequat. Sed interdum, metus ac mattis congue, velit elit tempor justo, et blandit velit mauris vitae libero.

Leer más...

Crear tus botones de paypal

Siguiendo con la construcción de la tienda on line os voy a a contar uno de los puntos importantes. como crear los botones de "comprar" y "añadir al carrito".
Lo primero debes de tener una cuenta de Paypal y activarla. Registrarse es tan fácil como crear una cuenta de email. Después de cumplimentado accede a tu cuenta identificandote. El siguiente paso sera activar la cuenta. Yo lo hice ya hace tiempo y ya no lo recuerdo muy, pero debería haber algún enlace o aviso que te diga que has de activarla: "verificación de cuenta". Para activarla has de aceptar y te enviaran dos pequeños ingresos de unos céntimos a la cuenta de tu entidad bancaria, has de comprobarla y ver las dos cantidades que te han enviado, encontraras unas casillas donde has de poner exactamente la cifras en céntimos que te han enviado, luego las retiran.
Mini tutorial grafico
Si todo es correcto ya tendrás tu cuenta activada y verificada.
ahora entra en la pestaña que dice "vender en su web". A la izquierda hay varios enlaces haz clic en "pago estándar". Veras varias opciones: "vender artículos sueltos", "Vender varios artículos con un carro de la compra gratuito de PayPal", "Cobrar tarifas periódicas o de suscripción". Clic en crear un botón de pago.
Primero hay un menú con varias opciones elegiremos "aceptar pagos por productos".
Luego tienes unas casillas en las que puedes elegir crear un botón "añadir al carro" o "comprar ahora". Escogemos "comprar ahora".
Escoge la primera el carrito de la compra ya lo haremos luego con los botones "Añadir al carro".
Has de poner un nombre al articulo por ejemplo "camisetas" y una id o referencia de producto.
Pon el precio y escoge la moneda.
Si necesita más de un precio para un artículo (p. ej., una camiseta con diferentes precios según las tallas), deja este campo de precio en blanco. En su lugar, en el campo Personalizar que se muestra a continuación, marca "Añadir menú desplegable con precio/opción" e introduce los precios en los campos de precio que aparecerán.
Puedes escoger menú desplegable con o sin precios. Puedes añadir un campo de texto: Un campo de texto es útil para que el comprador introduzca texto personalizado para las iniciales o el texto de un grabado o una camiseta personalizada por ejemplo.
Más abajo encontraras "personalizar aspecto" que sirve por si quieres crear un botón personalizado con tu propia imagen. Tienes varias opciones: hacerlo más pequeño, mostrar logotipos de tarjetas de crédito, el idioma y el texto del botón o utilizar tu propia imagen de botón. Para ello has de tener la imagen de tu botón alojada en algún sitio de Internet. Hay muchos servicios de alojamiento de imagenes. Si tienes un álbum de Picassa lo puedes alojar ahí mismo también puedes subir la imagen a tu blog y copiar el link. Has de pegar la ruta de la imagen en la casilla donde ves http//.
En el apartado envió pones los costes del envió a mayores. En la siguiente el impuesto correspondiente. "Id de cuenta de vendedor seguro" dejalo seleccionado, genera un código de seguridad que hace la transacción segura y te identifica como vendedor seguro.
Hay varios pasos más con opciones avanzadas pero eso en caso de que os interese lo probáis vosotros para lo que necesitamos ya tenemos suficiente.
Nos dará un código para añadir el botón a nuestra web. Debajo hay un enlace que dice volver para editar este botón. Volvemos y ahora creamos el botón añadir al carro, selecciona hora esa opción. Guarda los cambios y tendrás ya el de añadir al carro. Abajo del todo veras un enlace que dice "crear botón ver carro", pulsalo. Te da un par de opciones de personalización escoge a tu gusto y crea el botón te dará otro código. El de "ver carro" sólo necesitas añadirlo uno por sitio web.
Haciéndolo de esta manera tienes tres botones uno para la compra directa del producto, otra para añadir al carro y seguir comprando y otro para ver la suma de los productos y saber cuanto te estas gastando (ver carro de la compra) como podéis ver en el ejemplo.
Pega los códigos en tu blog.
En este punto me he encontrado con un problema que es que el código si lo introduces en una entrada no funciona, cuando quieras publicarla que te va a decir que el HTML es incorrecto, si le dices eliminar HTMl incorrecto te borrara parte del código y no funcionara la seguridad por ejemplo y te saldrá un aviso de Paypal sobre eso.
La forma es creando un blog para cada sección usando la misma plantilla y luego modificandola a según necesites. Si por ejemplo vendes camisetas e inciensos, uno para camisetas y otro para inciensos y pondrás los códigos en un gadget "HTML/Javascript". Se podría hacer con un sólo blog que fue mi idea en un principio, pero puede ser confuso buscar los botones de compra de cada producto así que cree un blog para cada producto con sus precios en la barra lateral como en el ejemplo. Si solo vendes un un producto o unos pocos con un sólo blog tienes suficiente.
A la hora de crear el botón comprar, etc, si al principio en le paso1 en vez de elegir en el menú "comprar productos seleccionas "donaciones" crearas el típico botón "Donar que veras en algunos sitios, si lo personalizas usando tu propia imagen puedes crear uno como el de "invitame a un café" que ves en este blog en la barra lateral o puedes ver en otros.
Poco a poco vamos construyendo nuestra tienda a golpe de blog ahora ya podemos vender y recibir el pago en nuestra cuanta de Paypal. El dinero ingresado lo puedes usar para compras en Internet o bien transferirlo a tu cuenta bancaria.
Mini tutorial grafico Leer más...

Mini tutorial podcast

Después de registrarte recibirás un email con un enlace que te llevara a esta página. Clic en el enlace donde dice "your account" o el botón naranja de "continue".

Tu panel de usuario:

1. Subir archivos.
2. Administración de canales.
3. Acceso a tu canal principal.
4. Tus otros canales.

Carga de un archivo MP3, poner titulo, la descripción se deja para luego, pulsa el botón naranja para que comience la subida.


Cuando la carga se ha completado tienes dos opciones subir otro archivo o ir a la página principal de tu podcast . Después de subido el archivo tarda un poco en aparecer en la "playlist", no preocuparse.

1. Esta es la página de inicio de tu podcast en esta imagen se pueden ver el pequeño reproductor de audio (1) gracias al que puedes escuchar la música o los programas. Si haces clic en el botón que dice "post" veras la lista de reproducción para seleccionar una entrada en particular o empezar a escucharlo a partir de un punto determinado.
2. Formas de seguir las novedades que publiques a través de sindicadores RSS recomendados(2).
3. Seguir la sindicación del podcast por email(3).

1. Vista inferior. Escuhar en el reproductor de GarageBand, descargar el MP3.
2. Lista de reproducción cuando estas conectado a tu cuenta tienes la opción de modificar la descripición de las entradas o completarla.
3. Descripción de la entrada.

Creando el reproductor, obtener código embed.

1. Vista previa del resultado. Escoger tamaño.
   
2. Modelos y colores disponibles.
3. Autoarranque. Os recomiendo decir no.
4. El código que has de copiar y pegar en tu web o blog.

Opciones avanzadas. Gestor de "playlist". Añade diferentes entradas a varios canales. Crea nuevos canales.

1. Enlaces de acceso.
2. Lista de reproducción huésped, seleccionar o crear otra nueva.
3. Botón "copiar"
4. A la izquierda las entradas de la lista general (maestra). A la derecha lista huésped del canal seleccionado.
5. Botones "borrar" y "play".
6. "Guardar y volver a tu cuenta".
   
7. "Guardar cambios y publicar nuevo podcast".

Si pulsas estos botones podras escuchar los podcast en un reproductor de GarageBand. Tiene varias opciones como por ejemplo la descargar el MP3, enviar a un amigo, etc.

1. Playlist
2. Botón "arranque" (play). El reproduntor se abrira en una ventana emergente.

VOLVER
Leer más...

Tu formulario de contacto

Esto pertenece a las lecciones de como crear una tienda on-line sencilla. En general cualquier sitio web suele haber un formulario de contacto para que te puedas comunicar con el administrador. Si se trata de la página de una empresa o de un negocio, más razón todavía. Blogger no tiene ninguna función propia que te permita crear un formulario de contacto así como Wordpress tiene un plugin destinado a tal fin. Para salir del paso podrías crear una entrada y usar sus comentarios como tal por ejemplo pulsando la opción de moderación de comentarios. Con lo cual antes de que sea publicado aparecerá un enlace en tu panel avisándote de que tienes nuevos comentarios para moderar y dar tu aprobación. No has de aprobar ninguno ya que no se trata de que las consultas queden registradas en tus entradas sino de mantener una comunicación privada.
Si lo que quieres es eso pues existe una segunda opción que he descartado por no querer que sean visibles los comentarios/consultas. Avisa que para contactar hay que señalar la casilla de seguimiento de los comentarios por email. Realmente para que realmente funcione como un formulario de contacto deberías de moderar los comentarios y no aprobar los de la entrada que uses como formulario, poniéndote en contacto por email con tus visitantes. En el resto de las entradas da igual. Pero si es para fines comerciales lo mejor es que no tenga comentarios visibles, pero si que halla posibilidad de hacerlos.
También existen multitud de formularios en php prefabricados a los que sólo tienes que cambiarle la parte del código donde dice cual es email receptor de los mensajes y puede que algún que otro detalle.
Pero aquí se trata sobre todo de hacerlo usando nuestro blog y sus posibilidades.
También hay algunos sitios en los que te ofrecen formularios de contacto gratuitos que puedes configurar a gusto. En dw formailer , por ejemplo, cuando terminas de crearlo te da dos opciones copiar el código embed que genera en la propia web para incrustar o bien descargarlo como archivo html, subirlo a un servidor y hacerlo visible a través de un marco (iframe) o bien poner algún link hacia la página del formulario desde tu blog. Esta es la tercera solución en caso que quieras usar algún recurso externo a tu blog.
Con varias fotos y alguna explicación os indico como crear uno de estos para cualquiera de vuestro sitios web.

Vamos a realizar un formulario sencillo sólo con lo necesario.

Debes marcar las casillas que ves en la imagen.

Diseño del formulario de contacto. Aquí le damos los estilos.

Formulario de contacto.

El còdigo que has de cortar y pegar.

Ya integrado en el blog.

Confirmación de envio.

Escoge donde pone "Form generator" en la barra lateral.
El que vamos a crear dice esto: Contact form with name, e-mail, comment, captcha.
Haz clic en el enlace.
Pon el nombre del Formulario: "Enter here the formtitle of your form!".
En "required" selecciona las cuatro casillas: sender_name, sender_mail, sender_text, captcha.
Cambia el texto de los campos del formulario (Description) que viene en ingles, por ejemplo: Your e-mail address, por "Tu dirección de email". Descubrí que el sitio estaba también castellano demasiado tarde.
En "Fieldtype" vamos a dejarlo como está puedes desplegar menús con distintas opciones, el formulario lo podremos complicar cuanto queramos, pero ahora se trata de hacer uno sencillo.
Ve al paso 3 y 4. Puedes escoger activar la seguridad SSL pero sólo funciona en la versión de pago. En el campo donde donde dice " name= recipient value= " has de poner tu email es decir el receptor a donde te llegaran los mensajes. Ve al resultado: "Go on result".
Ahora viene lo bonito en este ultimo paso es donde diseñas tu formulario con las herramientas que disponen para tal uso. Lo haremos también de manera sencilla.
Tienes un enlace parpadeante que dice que elijas tu diseño: "Select a design". A su lado un menú desplegable en el que puedes escoger entre una larga lista de modelos predeterminados. Puedes escoger uno que se adapte a los colores de tu blog y luego modificarlo con las herramientas de que dispones. Puedes escoger individualmente el tipo de fuente, color y tamaño de fuente de para diferentes partes del formulario.
Después de terminado tienes varias opciones.
Copiar el HTML generado que aparece en el área de texto debajo, copiarlo y pegarlo para incrustarlo en alguna entrada de tu blog o en un "widget" HTML/Javascript.
Puedes usar el enlace que pone: "Download [contact.html]" para descargarlo como un archivo HTML que puedes subir a algún alojamiento web por FTP y poner un link al documento desde el blog. Hacerlo visible a través de un marco ,
<ifrane src="direcciondelformulario"></iframe>, cosa que tambien puedes hacer en caso de escoger el formulario PHP como opción.
"Activate here, to save your form as a new form template!" sirve para que puedas guardar tu formulario y poder modificarlo más tarde. Has de poner una clave para poder acceder de nuevo. Al pulsar guardar el formulario aparecerá un mensaje de respuesta del sistema en letras rojas indicándote tu clave y la ID de tu formulario en azul, copia y guarda esos datos en algún lugar seguro.
Rayos he comprobado que la opción de integrarlo en una entrada no fuca. Podéis usar la versión HTML y ponerlo a través de un iframe en vuestras entradas, el HTML no está permitido y no os permite publicar la entrada sin borrar partes del código necesarias.
Los que tengáis publicidad de Adsense en vuestros blogs habéis de tener en cuenta que este al enviar los mensajes te redirige a una pagina de confirmación con publicidad de este tipo.
Según voy avanzando en el proyecto voy viendo nuevos problemas y posibles soluciones que ya os contare según vallan sucediendo. Una solución a esto podría ser crear otro blog con la misma plantilla idéntica al que le pondrías algo de texto en la primera y unica entrada y debajo el código en un gadget para HTML/Javascript que si lo admite y linkearlo desde la tienda en si. Creo que esta ultima va ser mi opción al final.
Si haceis esto os puede pasar un problema. Al pegar el código en el blog a pesar de hacerlo en un gadget de HTML en vez de una entrada os encontrareis que el estilo del formulario afecta al cuerpo de las entradas por completo. Eso es por que el código que pegáis contiene el CSS del formulario. La solución es sencilla se lo modificais en donde sea necesario o más fácil aún, lo elimináis del código. Vereis que comienza con algo como esto:
<!-- Start Code dw-Formgenerator -->
El CSS es lo que viene justo después, y empieza con la etiqueta:
<style type="text/css">
Y termina con:
</style>

Todo lo comprendido entre estas etiquetas lo borráis, etiquetas incluidas. Ahora ya no afecta para nada al estilo de vuestro blog pero funciona igual. Lo he probado y he recibido los emails correctamente. Probar a enviarme uno a traves de él, os respondere seguro.
Y este es el resultado:

Formulario de contacto sencillo basado en un blog

Volver al indice
Leer más...

Feed RSS para webs estaticas

Las suscripciones por RSS (really simple syndication) permite a los ususarios de tu web de mantenerse informados de todas las novedades. Existen varios medios, lectores de feeds, páginas de sindicación o por email. Cuando usas cualquier CMS (Wordpress,Joomla,Drupal,phpBB,Nuke) o web dinamica resulta extremadamente fácil lo generan por si solos o tienen herramientas para tal fin. En el caso de los blogs un tanto de lo mismo. El problema es cuando tienes una página estatica. Pero no hay que preocuparse que en internet suele haber soluciones para todo. ListGarden nos permite crear, editar y publicar Feeds RSS de forma manual. La página esta en ingles pero he estado estudiando un poco el tema e intentando traducirlo un poco con ayuda de un traductor y mis pequeños conocimientos del idioma para daros una mejor explicación de como funciona la cosa.
El programa ListGarden ™ es una herramienta para crear manualmente y mantener los canales RSS. (Para obtener información sobre qué es un feed RSS, lea la sección "¿Que es RSS?".) Es fácil de usar una herramienta de código abierto funciona con una interfaz de navegador que puede correr localmente en un equipo con Windows, Mac OS X o Linux, o acceso remoto a través de un servidor web. Los archivos XML resultantes se pueden almacenar localmente o copiar automáticamente a un servidor web remoto utilizando FTP. Es útil para los canales RSS que deben mantenerse sin un sistema automático que tenga una capacidad de generación de RSS. Se puede usar los canales RSS para que los registros son el cambio, listas de eventos, listas de objetos físicos, o listas de correo y podcasts manualmente Autor weblogs. (Automático incorporado con capacidad de incluir en RSS weblog más herramientas de autoría y de algunos sistemas de gestión de contenido). El programa no requiere ningún conocimiento de XML o el formato de datos RSS, y se ajusta para una rápida adición de nuevos artículos y la edición sencilla.

ListGarden puede producir un archivo HTML opcional compañero humano para los navegadores de leer. También tiene lista básica de mantenimiento de las funciones de toma de utilidad como un simple administrador de la lista. RSS XML y HTML se pueden subir archivos a cualquier sitio de almacenamiento. La mayoría de los ISP, como Earthlink, Comcast, Verizon y prestar servicios básicos de alojamiento web de almacenamiento a sus clientes que pueden utilizarse para celebrar RSS archivos XML y HTML, así que usted puede publicar las listas, incluso si usted no tiene un sitio web principal.

INSTRUCCIONES DE USO

Aquí está una descripción de los diferentes pasos que tomar cuando se utiliza ListGarden.
Para crear un feed RSS has de comenzar por la asignación de un nombre corto local para la alimentación de RSS que se utiliza para crear un archivo de datos y, a continuación, rellene el título y la descripción de la fuente RSS y la URL del sitio web se refiere a:

A continuación añadir nuevos elementos a la alimentación de RSS:

Por último, se introduce el destino y publicar la información de fuentes RSS:

El resultado es un archivo XML en formato RSS, y un archivo HTML opcional compañero que la gente pueda leer con un navegador:

Usted puede mantener cualquier número de canales RSS:

Usted puede mantener la operación y se pueden personalizar: y el número de canales RSS.
Para sistemas Microsoft Windows, ListGarden está disponible como un único archivo ejecutable que pueda lanzar un navegador para controlar que cuando se ejecuta. Clic en el botón "Salir" botón en la pantalla sale del programa. También puede controlar desde un icono en la bandeja del sistema.

ListGarden está escrito en el lenguaje Perl. Se puede ejecutar directamente en muchos de Mac OS X, Linux y otros sistemas de tipo Unix, así como en muchos servidores Web que tienen el medio ambiente Perl instalado. El único archivo ejecutable para sistemas Microsoft Windows incluye el entorno de Perl incorporado, y funciona en la mayoría de las máquinas normales de Windows sin software adicional.

ListGarden se puede ejecutar en uno de los dos métodos generales: local o remota. En ambos casos, el funcionamiento del producto se logra a través de un navegador web normal. Cuando se ejecuta a nivel local, el navegador se conecta a la ListGarden programa se está ejecutando en la misma máquina. (ListGarden pueden comunicarse a nivel local a través de HTML y HTTP, que es entendido por el navegador - no necesita un servidor web en tu ordenador). Cuando se ejecuta remotamente, el navegador se conecta a través de Internet a un servidor web normal que luego se ejecuta como un ListGarden normal del programa CGI. En ambos casos, almacena la información sobre la fuente RSS en un archivo en la misma máquina para que siempre pueda continuar desde donde lo dejó. En ambos casos, al "publicar" una actualización de la RSS, ListGarden conecta al servidor web el último sistema para cargar una copia actualizada del archivo XML que constituye la fuente RSS. Opcionalmente, puede guardar el archivo XML en la máquina local donde se ejecute. El archivo HTML compañero opcional se pueden crear en el mismo directorio que el archivo XML o en un directorio diferente.
Diagrama de funcionamiento:

Todavia no he instalado el invento en ninguna parte ni he probado ninguna de las versiones para poder daros más datos. Cuando tenga algo de tiempo lo probare en alguno de mis sitios estaticos para poderos contar más detalles de como se instala y que problemas se puede encontrar. En todo caso sera como se hace en un ordenador con Linux que es el sistema operativo que utilizo. Mientras espero que esta información y vuestro ingenio sea suficiente. Si algun@ de vosotr@s lo hace antes o tiene nueva información no dudar en hacermelo saber.
Podeis descargaros las diferentes versiones desde aquì:

• Version ejecutable para Microsoft Windows
  
• Versión Generica Perl para Mac OS X
  
• Versiòn generica Perl
• Ejemplo de funcionamiento
• Completo tutorial(ingles)
• Todo sobre feeds RSS
• PDF sobre feeds RSS
• Crear un canal o archivo RSS
  
• Fuente

Leer más...

Pon un favicon en tu vida

Un favicon es el pequeño icono que podéis ver en algunos navegadores junto a la dirección de la página web y cuando la abres en una pestaña. Por ejemplo la que tiene este blog si os fijais. En Explorer 5 superior primero has de añadir la página a marcadores para que funcione.
Para hacerlo necesitas un editor de imagen que pueda guardar archivos con la extensión .ico. Photoshop, El Gimp y otros sirven para ello. No es un archivo .jpg cualquiera renombrado como .ico es un tipo de archivo especial. También hay aplicaciones on-line para ello como chuano.net o genfavicon.com si no dispones de ningún editor de imagen que te sirva.
La imagen ha de estar subida a internet, bien en un servidor gratuito de imagenes de los muchos que hay o en tu propio servidor. Ha de ser de unas características determinadas:

• Dimensiones 16 píxeles x 16 píxeles;


• 16 colores (4 bits);


• Formato ICO, ningún otro.

Cuando ya tengas la imagen adecuada subida has de poner un código entre las etiquetas en tu web que incluirá la URL donde está alojada la imagen.
Ejemplo:
link rel="shortcut icon" href="http://www.dominio.com/tufavicon.ico"
Si esta instalado en la raiz de tu servidor sera de esta forma:
link rel="shortcut icon" href="tufavicon.ico"
Un ejemplo real es de este blog que puedes usar si quieres cambiándole la URL de la imagen por la de tu favicon:
link href='http://mistertrufa.net/favicon/iconob.ico' rel='shortcut icon' type='image/x-icon'/
Cerrando y abriendo las etiquetas con < >. Es que los post de blogger no permiten html, hay una forma con un programa que genera el código adecuado para hacerlo publicar HTML en blogger, pero aún no lo he probado.
Y ya tienes tu favicon listo, recuerda en Explorer añadir la página a marcadores.
Fuente: Yohagoweb.
Leer más...