Tutorial de un Portal de Feevys, sobre todo para todos aquellos que no tienen ni idea de hacer páginas webs.

0.0.0.0

1838

1894 <IMG class=imgizqda id=img_0 src="http://lacomunidad.elpais.com/blogfiles/la-bombilla/66713_bombilla.JPG"> Lo primero que voy a poner es lo que vamos a necesitar para hacer un "Portal de Feevys". Aclarar que cuando empecé con esto, era la primera vez que "hacía" una página web y que por eso, este tutorial está enfocado hacia las personas que les pasa lo que a mi, que no entendemos lo que estamos haciendo, aunque al final, consigamos lo que nos proponemos. Lo primero y por supuesto, indispensable, necesitamos la web de los feevys: <A href="http://www.feevy.com/">www.feevy.com</A> También necesitamos un sitio donde crear la página web, yo os voy a contar como hacerlo en <A href="http://www.weebly.com/">www.weebly.com</A> Si queremos ponerles los avatares de los Blogs de La Comunidad, también necesitaremos el "paint" aunque ahí imagino que valdrá cualquier programa de trato de imágenes que acepte, bmp o png y que convierta a gif (si no me entiende alguno, da igual, luego lo explicaré). Y también necesitamos el Bloc de Notas para poder modificar el fichero que añadiré (y que explicaré cómo se ha de hacer paso a paso). Para los que sí que saben más de webs, programación o código html, casi mejor os pongo el enlace a un par de sitios donde os podéis descargar el código sin "toquetear" por mi y la versión avanzada del portal, que son los feevys, pero con botones de selección. <A id=link_0 title=http://bitacora.feevy.com/portales-interactivos href="http://bitacora.feevy.com/portales-interactivos">Portal de Feevy</A> <A id=link_1 title=http://bitacora.feevy.com/plantilla-para-portales-personalizable href="http://bitacora.feevy.com/plantilla-para-portales-personalizable">Portal de Feevy con posibilidad de seleccionar</A>, <A id=link_2 title=http://www.deugarte.com/redes-de-blogs-personalizadas href="http://www.deugarte.com/redes-de-blogs-personalizadas">explicación de David Ugarte </A>y <A id=link_3 title=http://www.deugarte.com/portal-feevy.php href="http://www.deugarte.com/portal-feevy.php">el ejemplo</A> En esos enlaces además de la explicación, os podréis descargar el fichero con el código, y ciertas cosas que dicen que yo no entiendo. Lo primero que haremos será darnos de alta en <A href="http://www.feevy.com/">www.feevy.com</A>. Si tenéis algún problema con la el registro me lo decís, pero creo que aunque la página inicial esté en inglés, se entiende bien lo que hay que hacer, por si acaso, si pinchais en "Get your Feevy" os lleva directamente a la página de registro y si tenéis más dudas, abajo de la página, a la derecha, pone que hay un blog en español. En cuanto se registra uno nos aparece la siguiente página, dónde hemos de añadir un blog de los que queremos tener "controlados" o hacerle el seguimiento. <A title="01 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461569114/"><IMG height=464 alt=01 src="http://farm3.static.flickr.com/2222/2461569114_c895b20e14_o.jpg" width=624></A> Así que nos vamos La Comunidad y allí hemos de entrar dentro del blog, donde en la barra de dirección acaba en "posts". Se selecciona esa dirección y se copia. <A title="02 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2460735805/"><IMG height=464 alt=02 src="http://farm3.static.flickr.com/2337/2460735805_e68d0bb9cb_o.jpg" width=624></A> Esa dirección se pega en el recuadro en blanco de la página del feevy y se pincha en "Next". <A title="03 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2460735865/"><IMG height=464 alt=03 src="http://farm3.static.flickr.com/2289/2460735865_33cb434058_o.jpg" width=624></A> Mientras tanto volvemos al blog y situamos el ratón encima del avatar del blog, allí pinchamos con el botón derecho del ratón hasta que nos sale el cuadro que se ve a continuación. Si no se lee muy bien, lo que quiero es que se vaya a "Guardar imagen como" <A title="04 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461569426/"><IMG height=464 alt=04 src="http://farm4.static.flickr.com/3012/2461569426_9c3abf564c_o.jpg" width=624></A> Allí se ha de elegir que se guarde como bmp. De momento feevy sólo permite subir los avatares que sean de tipo "gif", así que yo, lo que hago es que abro con el "Paint" el fichero del avatar que he guardado como .bmp y allí escojo "guardar como" y selecciono que se grabe como .gif. (Avisa que pierde calidad, pero tan pequeñitos, no se nota). <A title="05 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461569486/"><IMG height=464 alt=05 src="http://farm3.static.flickr.com/2409/2461569486_59b2f99c91_o.jpg" width=624></A> Mientras, en feevy, ha estado pensando y nos llega a la siguiente pantalla, donde podemos elegir poner nuestro avatar o dejar los que pone el sistema, pudiendo elegir, si es hombre o mujer. <A title="06 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461569538/"><IMG height=464 alt=06 src="http://farm3.static.flickr.com/2327/2461569538_b59ee5b8d8_o.jpg" width=624></A> Como nosotros elegimos subir nuestro propio avatar, en examinar buscamos dónde lo hemos guardado y luego le damos a "Submit", dándonos el siguiente resultado: <A title="07 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2460736199/"><IMG height=464 alt=07 src="http://farm3.static.flickr.com/2246/2460736199_789b8b9e4f_o.jpg" width=624></A> En esta pantalla pinchamos en "done, let's go back to my feevy" y llegamos a la siguiente página. <A title="08 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2460736261/"><IMG height=464 alt=08 src="http://farm4.static.flickr.com/3249/2460736261_6ca751856e_o.jpg" width=624></A> En esta pantalla tenemos casi todo lo que queramos hacer en feevy. Lo primero que he hecho ha sido elegir el idioma y he puesto "Español (de tú)". Si se quiere añadir un nuevo blog hay que pinchar en "add another blog", si se quiere cambiar el avatar se ha de pinchar en "change avatar", si nos hemos equivocado y no queremos ese blog, lo podemos borrar pinchando en "delete". A los feevys también se les puede poner "tags" palabras de búsqueda, pinchando en "edit tags". Si se quiere cambiar la password se ha de pinchar en "Change password...". Pero en lo que nos vamos a fijar es en el código que hay dentro del recuadro, justo al lado de "code" hay un número, en este caso es el 9452. Número con el que vamos a "construir" nuestro portal. Se pueden añadir tantos blogs como quieras y no hace falta que sea ahora, si recuerdas el usuario y la clave, podrás actualizar tú feevy, siempre que quieras. Lo segundo, es empezar con la página web y para eso... ¿adivináis qué? pues Siiiiiiiiiiiiii... hay que darse de alta en <A href="http://www.weebly/">www.weebly</A> <A title="09 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2460832035/"><IMG height=464 alt=09 src="http://farm3.static.flickr.com/2038/2460832035_1879612b95_o.jpg" width=624></A> Según te das de alta, nos lleva a que pongamos el Título de nuestra Web, en nuestro caso, "Foro de Política" <A title="10 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461665090/"><IMG height=464 alt=10 src="http://farm3.static.flickr.com/2386/2461665090_1a0e3cc990_o.jpg" width=624></A> Después de dar a "Continue" nos lleva a una página donde pincharemos en "Designs" <A title="11 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2460832283/"><IMG height=464 alt=11 src="http://farm3.static.flickr.com/2402/2460832283_39917e291f_o.jpg" width=624></A> Y moveremos la barra hasta buscar la foto de los Girasoles, y la seleccionaremos (es la única plantilla que no me ha dado problemas, ya os he dicho que no tengo ni idea, en unas se me escojonaban los títulos de los posts, en otras los feevys se salían del recuadro prefijado). <A title="12 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2460832405/"><IMG height=464 alt=12 src="http://farm4.static.flickr.com/3151/2460832405_ba29fd12af_o.jpg" width=624></A> Dadle a "Publish", para poder ir viendo lo que hacemos. Nos pide que pongamos la dirección web que tendrá nuestra página. Yo he puesto "forodepolitica", según vas escribiendo os saldrá si está disponible (en verde) o no lo está (en rojo). <A title="13 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461665442/"><IMG height=464 alt=13 src="http://farm4.static.flickr.com/3075/2461665442_33eb72da10_o.jpg" width=624></A> Ya me la ha grabado, ahí me pone la dirección, así que yo me he abierto otra pestaña para ir actualizando según trabajaba. <A title="14 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461665580/"><IMG height=464 alt=14 src="http://farm3.static.flickr.com/2313/2461665580_2a3f6f0495_o.jpg" width=624></A> Así se ve la web. <A title="15 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2460832725/"><IMG height=464 alt=15 src="http://farm3.static.flickr.com/2395/2460832725_f1fb7154a5_o.jpg" width=624></A> De vuelta a la página en la que estamos trajando, si pincháis en la imagen de los girasoles, os saldrá un menú, justo encima, dicho menu tiene los parámetros de alto y ancho de lo que ha de ser la imagen y la opción "upload" que significa, "subir". Así que ahí podéis personalizar la cabecera. <A title="16 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2460832857/"><IMG height=464 alt=16 src="http://farm3.static.flickr.com/2222/2460832857_ce262bb2d8_o.jpg" width=624></A> Ahora entramos en lo que os puede resultar ser más complicado, como no se ve bien del todo en estas imágenes, si pincháis en ellas os llevará a mi página en <A href="http://www.flickr.com/">www.flickr.com</A> donde podréis ponerlas del tamaño que queráis. Lo primero es que os descarguéis este <A href="http://lacomunidad.elpais.com/blogfiles/la-bombilla/Plantilla.txt">fichero</A>. Lo tenéis que abrir con el bloc de notas. Allí id a "edición/remplazar" y allí ponéis XXXX en "buscar" y el número que tenga vuestro feevy, en nuestro caso, recordad que era 9452. Después dad a "remplezar todos" <A title="17 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461665986/"><IMG height=464 alt=17 src="http://farm3.static.flickr.com/2326/2461665986_eb8f7fb907_o.jpg" width=624></A> Hasta que no quede ninguno. <A title="18 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461666184/"><IMG height=464 alt=18 src="http://farm3.static.flickr.com/2385/2461666184_e213e35e1a_o.jpg" width=624></A> Luego al principio del fichero tenéis que buscar la frase "title>Título del Portal</title" y allí poner lo que queráis, en mi caso "Foro de Política" <A title="19 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461666328/"><IMG height=464 alt=19 src="http://farm4.static.flickr.com/3149/2461666328_9bfd832f82_o.jpg" width=624></A> Luego hacia el final del archivo, tenéis que buscar: "h1>Título de la <a href="dirección">página</a></h1" y sustituir "Título de la" por lo que queráis en mi caso he puesto "Colaboradores de", en dirección he puesto la dirección del blog de Foro de Política (la que acaba con posts), y en "página" lo he cambiado por "Foro de Política". Después he seleccionado todo el texto (para facilidad Control+E) y le he dado a copiar (Control+C). <A title="20 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461666450/"><IMG height=464 alt=20 src="http://farm3.static.flickr.com/2311/2461666450_4524b10490_o.jpg" width=624></A> De vuelta a la página que estamos creando y pinchamos en "Elements" allí en los cuadraditos, pongo el ratón encima del último "Custom HTML", pincho y sin soltar, arrastro ese recuadro hasta la parte "blanca" de la página. <A title="21 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2460833555/"><IMG height=464 alt=21 src="http://farm4.static.flickr.com/3238/2460833555_5b0f46ecd5_o.jpg" width=624></A> Quedando como se ve aquí debajo un recuadrito que pone: "Click to set Custom HTML", pinchad ahí. <A title="22 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2460833695/"><IMG height=464 alt=22 src="http://farm3.static.flickr.com/2355/2460833695_5614e42885_o.jpg" width=624></A> Aparecerá encima de la foto un menú, pinchad en "Edit Custom HTML" y veréis que se abre más grande el recuadro de debajo. <A title="23 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461666860/"><IMG height=464 alt=23 src="http://farm4.static.flickr.com/3226/2461666860_a927027466_o.jpg" width=624></A> Allí pegáis el código que tenéis en el portapapeles (si alguno se ha perdido, que vuelva al fichero txt y que vuelva a seleccionar todo (Control+E) y que copie el código (Control+C) y vuelva a la página y en recuadro ampliado pegue el código (Control+V). <A title="24 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461666988/"><IMG height=464 alt=24 src="http://farm4.static.flickr.com/3016/2461666988_9d9dc75d63_o.jpg" width=624></A> Cuando esté hecho, pincha fuera de el recuadro, saldrá el título y los feevys en una columna (si tenéis más de uno, claro, jijiji)... <A title="25 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2460834141/"><IMG height=464 alt=25 src="http://farm4.static.flickr.com/3281/2460834141_f3ae094190_o.jpg" width=624></A> Le dais a "Publish" y luego volvéis a la pestaña donde tenéis la página o la volvéis a abrir si la habéis cerrado y ya podéis ver, como os queda la página. <A title="26 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2461667286/"><IMG height=464 alt=26 src="http://farm3.static.flickr.com/2022/2461667286_3d92a2a448_o.jpg" width=624></A> Si añadis más blogs y volvéis a refrescar la página, os iran apareciendo los blogs. Al principio se colocan como les da la gana, y es solo según se van actualizando que van quedando arriba los más recientes. <A title="27 por La Bombilla, en Flickr" href="http://www.flickr.com/photos/la_bombilla/2460834505/"><IMG height=464 alt=27 src="http://farm3.static.flickr.com/2158/2460834505_f7f5e27f1c_o.jpg" width=624></A> Si tenéis alguna duda, por favor decidlo. De hecho, si véis o creéis que hay algo que no se entiende muy bien o lo que sea, pues me lo comentáis y os lo iré respondiendo, en la medida de lo posible. Por cierto si queréis ver como va quedando, pinchad <A id=link_0 title=http://forodepolitica.weebly.com/ href="http://forodepolitica.weebly.com/">aquí</A> </SIZE>

2008-05-03T10:05:26Z

2008-05-03T14:05:00Z 137773

2008-09-23T22:34:27Z

tutorial-un-portal-feevys-sobre-todo-todos-aquellos

2008-05-03T14:08:21Z

1 Tutorial de un Portal de Feevys, sobre todo para todos aquellos que no tienen ni idea de hacer páginas webs.

2008-09-23T22:34:27Z