tag:blogger.com,1999:blog-78968992455559127532024-03-13T22:00:15.845+01:00Time x Teach - Aprende de tu blogTime x Teach fue creado para resolver las dudas sencillas y comunes de cualquiera que use Blogger.JRCChttp://www.blogger.com/profile/06103369432465359025noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-7896899245555912753.post-53739795613395247392013-10-20T15:22:00.003+02:002013-10-20T15:22:40.108+02:00¡Hora de la mudanza!<div>
TimexTeach ya no va a seguir publicando contenido... Sin embargo, no todo son malas noticias.</div>
Estoy mudándome a otro blog y actualizando los tutoriales de forma más organizada. Os invito a formar parte del nuevo blog:<div>
<br /></div>
<div style="text-align: center;">
<b><span style="font-size: x-large;"><a href="http://aprendersobre.blogspot.com/">Click aquí para entrar al nuevo blog</a></span></b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: left;">
<b>¡Nos leemos! =)</b></div>
JRCChttp://www.blogger.com/profile/06103369432465359025noreply@blogger.com0tag:blogger.com,1999:blog-7896899245555912753.post-38326864059708758772011-01-08T13:56:00.013+01:002011-01-08T14:56:32.170+01:00Archivos PDF, de Word o incluso PowerPoint en nuestro blog<span style="font-style: italic;font-size:180%;" ><span style="font-weight: bold;">El Problema</span></span><br />Tengo un bonito archivo <span style="font-weight: bold; font-style: italic;">PDF</span> para mostrarles a mis lectores... ¡Mira que presentación más bonita en <span style="font-style: italic;">PowerPoint</span>! Espera... Tú no tienes <span style="font-style: italic;">PowerPoint</span>...<span style="font-weight: bold;"> ¿Cómo mostramos todo esto?</span><br />Hay una solución para mostrar nuestros documentos en Blogger y es...<br /><br /><br /><br /><span style="font-style: italic;font-size:180%;" ><span style="font-weight: bold;">La Solución</span></span><br />Actualmente, aunque contemos con <a style="font-weight: bold;" href="http://www.google.com/google-d-s/hpp/hpp_es.html">GoogleDocs</a>, Blogger <span style="font-weight: bold;">no nos permite subir ni un mísero documento mediante la publicación de entradas</span>, así que, por ahora, tendremos que conformarnos con uno de esos "<span style="font-weight: bold;">servicios externos</span>", que no son malos... Pero ya podía tenerlo Google...<br /><br />En este caso, <span style="font-weight: bold;">he pensado en </span><a style="font-weight: bold;" href="http://www.scribd.com/">Scribd</a>, el problema es que está en <span style="font-weight: bold;">inglés</span>, y much@s de mis lectores no dominan este idioma... Pero es <span style="font-weight: bold;">la mejor herramienta</span> <span style="font-weight: bold;">online</span> y la usaremos... Iremos traduciendo sobre la marcha... Ahora vamos a seguir estos pasos:<br /><br /><br /><span style="font-size:130%;"><span style="font-weight: bold;">Paso 1: Cargar </span><a style="font-weight: bold;" href="http://www.scribd.com/">Scribd</a></span><br /><br />Esperamos a que cargue <span style="font-weight: bold;">Scribd</span>, no debería tardar más de <span style="font-weight: bold;">10 segundos</span>:<br /><a href="http://4.bp.blogspot.com/_tSSHiOhnerQ/TShjHG1NoGI/AAAAAAAAAFs/CtVipaDVzBQ/s1600/01.jpg"><img style="cursor: pointer; width: 400px; height: 273px;" src="http://4.bp.blogspot.com/_tSSHiOhnerQ/TShjHG1NoGI/AAAAAAAAAFs/CtVipaDVzBQ/s400/01.jpg" alt="" id="BLOGGER_PHOTO_ID_5559802713732915298" border="0" /></a><br /><br /><br /><br /><br /><span style="font-size:130%;"><span style="font-weight: bold;">Paso 2: Subir el Archivo</span></span><br /><br />Ahora que ha cargado, vamos a <span style="font-weight: bold;">subir</span> nuestro archivo. Hacemos click en "<span style="font-style: italic; font-weight: bold;">Upload</span>" (<span style="font-weight: bold;">Subir</span>):<br /><a href="http://1.bp.blogspot.com/_tSSHiOhnerQ/TShj1XIhHgI/AAAAAAAAAF0/liyOaPt-7bI/s1600/02.jpg"><img style="cursor: pointer; width: 400px; height: 244px;" src="http://1.bp.blogspot.com/_tSSHiOhnerQ/TShj1XIhHgI/AAAAAAAAAF0/liyOaPt-7bI/s400/02.jpg" alt="" id="BLOGGER_PHOTO_ID_5559803508382834178" border="0" /></a><br /><br />Ahora hacemos click en el "<span style="font-style: italic; font-weight: bold;">Upload</span>" más grande:<br /><a href="http://4.bp.blogspot.com/_tSSHiOhnerQ/TShkn6PG2nI/AAAAAAAAAF8/Te_32VF3kpM/s1600/03.jpg"><img style="cursor: pointer; width: 400px; height: 223px;" src="http://4.bp.blogspot.com/_tSSHiOhnerQ/TShkn6PG2nI/AAAAAAAAAF8/Te_32VF3kpM/s400/03.jpg" alt="" id="BLOGGER_PHOTO_ID_5559804376799173234" border="0" /></a><br /><br />Aquí se nos abrirá la típica ventana para que carguemos el documento que queramos cargar... en cuanto lo tengais, dadle a <span style="font-weight: bold;">"<span style="font-style: italic;">Abrir</span>"</span>:<br /><a href="http://2.bp.blogspot.com/_tSSHiOhnerQ/TShlbBDzOkI/AAAAAAAAAGE/owVSU_Wpctk/s1600/04.jpg"><img style="cursor: pointer; width: 400px; height: 296px;" src="http://2.bp.blogspot.com/_tSSHiOhnerQ/TShlbBDzOkI/AAAAAAAAAGE/owVSU_Wpctk/s400/04.jpg" alt="" id="BLOGGER_PHOTO_ID_5559805254804126274" border="0" /></a><br /><br />En mi caso, subiré un <span style="font-weight: bold;">Trabajo de Sociales</span> que hice hace muuucho tiempo... Ahora, saldrá una advertencia para que aceptemos<span style="font-weight: bold;"> los términos de subida </span>(es decir,<span style="font-weight: bold;"> puedes usar el servicio, si el contenido es absolutamente tuyo</span>, si ven que no es tuyo, lo borran, como hicieron en Picasa):<br /><a href="http://2.bp.blogspot.com/_tSSHiOhnerQ/TShnTc3WOXI/AAAAAAAAAGM/oNoJvu-hmWw/s1600/05.jpg"><img style="cursor: pointer; width: 491px; height: 100px;" src="http://2.bp.blogspot.com/_tSSHiOhnerQ/TShnTc3WOXI/AAAAAAAAAGM/oNoJvu-hmWw/s400/05.jpg" alt="" id="BLOGGER_PHOTO_ID_5559807323852388722" border="0" /></a><br /><br />Al Aceptar, nuestro archivo<span style="font-weight: bold;"> empezará a subirse</span>... Esperamos a que suba:<br /><a href="http://2.bp.blogspot.com/_tSSHiOhnerQ/TShnToXJfnI/AAAAAAAAAGU/BO6bLSONQAg/s1600/06.jpg"><img style="cursor: pointer; width: 400px; height: 255px;" src="http://2.bp.blogspot.com/_tSSHiOhnerQ/TShnToXJfnI/AAAAAAAAAGU/BO6bLSONQAg/s400/06.jpg" alt="" id="BLOGGER_PHOTO_ID_5559807326938562162" border="0" /></a><br /><br />Ahora nos pedirá el <span style="font-weight: bold;">correo electrónico</span>... Eso es para enviarnos <span style="font-weight: bold;">un mail con una contraseña, para administrar nuestros archivos</span> (por si queremos subir más, o borrar alguno). Necesitaremos esa contraseña <span style="font-weight: bold;">por si queremos entrar luego</span>:<br /><a href="http://2.bp.blogspot.com/_tSSHiOhnerQ/TShoRk_xbTI/AAAAAAAAAGc/djqFBBH561c/s1600/07.jpg"><img style="cursor: pointer; width: 400px; height: 226px;" src="http://2.bp.blogspot.com/_tSSHiOhnerQ/TShoRk_xbTI/AAAAAAAAAGc/djqFBBH561c/s400/07.jpg" alt="" id="BLOGGER_PHOTO_ID_5559808391187098930" border="0" /></a><br /><br /><span style="font-weight: bold;">Ponemos el nuestro y le damos a "Send" (Enviar).</span><br />Ahora ya tenemos una cuenta en Scribd.<br /><br /><span style="font-weight: bold;font-size:130%;" ><br />Paso 3: De Scribd a Blogger</span><br /><br />Tras indicar nuestro correo electrónico, entrará <span style="font-weight: bold;">automáticamente a nuestra cuenta Scribd</span>, donde podremos ver todos los documentos que hemos subido.<br />En el documento que queramos Compartir, clickearemos sobre su correspondiente "<span style="font-weight: bold;">Share</span>" (Compartir):<br /><a href="http://3.bp.blogspot.com/_tSSHiOhnerQ/TShp6NJs18I/AAAAAAAAAGk/TUgQTT7cMgM/s1600/08.jpg"><img style="cursor: pointer; width: 400px; height: 102px;" src="http://3.bp.blogspot.com/_tSSHiOhnerQ/TShp6NJs18I/AAAAAAAAAGk/TUgQTT7cMgM/s400/08.jpg" alt="" id="BLOGGER_PHOTO_ID_5559810188672554946" border="0" /></a><br /><br />Se nos abrirá una miniventana dentro de la página. En cuanto se abra, clickearemos en el <span style="font-weight: bold;">segundo "Copy"</span> (Copiar) que veamos:<br /><a href="http://2.bp.blogspot.com/_tSSHiOhnerQ/TShqwVXSAUI/AAAAAAAAAGs/GGpglTnH_n4/s1600/09.jpg"><img style="cursor: pointer; width: 400px; height: 371px;" src="http://2.bp.blogspot.com/_tSSHiOhnerQ/TShqwVXSAUI/AAAAAAAAAGs/GGpglTnH_n4/s400/09.jpg" alt="" id="BLOGGER_PHOTO_ID_5559811118589935938" border="0" /></a><br /><br />Podemos cerrar ya esta página si queremos. Ahora, vamos a la entrada que estemos publicando y haremos click en "<span style="font-weight: bold;">Edición de HTML</span>", esa pestaña que está al lado de "<span style="font-weight: bold;">Redactar</span>":<br /><a href="http://1.bp.blogspot.com/_tSSHiOhnerQ/TShrSDpyciI/AAAAAAAAAG0/uDyUW6TWB4E/s1600/10.jpg"><img style="cursor: pointer; width: 400px; height: 203px;" src="http://1.bp.blogspot.com/_tSSHiOhnerQ/TShrSDpyciI/AAAAAAAAAG0/uDyUW6TWB4E/s400/10.jpg" alt="" id="BLOGGER_PHOTO_ID_5559811697951273506" border="0" /></a><br /><br />Ahora que estamos ahí, <span style="font-weight: bold;">pegaremos el código que hemos copiado antes</span>, con aquel botón "<span style="font-weight: bold;">Copy</span>", y tendremos nuestro documento en vivo y en nuestro Blog:<br /><br /><br /><object id="doc_932055254418526" name="doc_932055254418526" type="application/x-shockwave-flash" data="http://d1.scribdassets.com/ScribdViewer.swf" style="outline: medium none;" width="100%" height="600"><param name="movie" value="http://d1.scribdassets.com/ScribdViewer.swf"> <param name="wmode" value="opaque"> <param name="bgcolor" value="#ffffff"> <param name="allowFullScreen" value="true"> <param name="allowScriptAccess" value="always"> <param name="FlashVars" value="document_id=46509947&access_key=key-h36p4brp8wvxjo52isv&page=1&viewMode=list"> <embed id="doc_932055254418526" name="doc_932055254418526" src="http://d1.scribdassets.com/ScribdViewer.swf?document_id=46509947&access_key=key-h36p4brp8wvxjo52isv&page=1&viewMode=list" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" bgcolor="#ffffff" width="100%" height="600"></embed> </object><br /><br /><br />Esta entrada ha sido hecha por petición de Yayi. Más peticiones en comentarios y/o en las entradas de Preguntas y Respuestas.<br />Y esto es todo por hoy, espero que os haya sido útil esta información. Si eso crees, comparte el blog, no te olvides...<br /><br />Saludos,<br /><span style="font-weight: bold;">Jordy</span>JRCChttp://www.blogger.com/profile/06103369432465359025noreply@blogger.com2tag:blogger.com,1999:blog-7896899245555912753.post-22299685489648233832010-10-09T19:36:00.010+02:002010-10-09T20:18:48.622+02:002x1 - Ponle texto a una imagen y súbela a Blogger<span style="font-weight: bold; font-style: italic;font-size:180%;" >El problema</span><br />¡Al fin! ¡<span style="font-weight: bold;">Una imagen que nos gusta</span>! O espera... ¡<span style="font-weight: bold;">Mira mi perro</span>, qué mono!... ¿pero como pongo el <span style="font-weight: bold;">nombre de mi perro</span> en la imagen...? No tengo ni idea... ¿Y luego? ¿<span style="font-weight: bold;">Subirla</span>? ¿Dónde? ¿Qué es subir?... Si te has planteado todas estas dudas, hoy vamos a cubrir ese tema.<br /><br /><span style="font-size:180%;"><span style="font-weight: bold; font-style: italic;">La solución</span></span><br />Ahora que tenemos nuestra genial imagen, ahí, bonita, preciosa... ¡Vaya! ¡Falta añadirle algo dentro! Si tienes conocimiento de algún programa de edición de gráficos, desde el <span style="font-weight: bold;">Paint</span> que es sencillo hasta el <span style="font-weight: bold;">Photoshop</span>... que no es sencillo, pero es muy completo... Pues úsalo y salta hasta el paso 5... ¿Y si no? No pasa nada, por la red hay herramientas de sobra que te permitirán editarlas...<br />En esta entrada usaremos <span style="font-weight: bold;">FotoFlexer</span>, no temáis, está en <span style="font-weight: bold;">Español</span> y más idiomas. Vamos a ir siguiendo los pasos...<br />1. <a href="http://fotoflexer.com/app/index.php?lang=es-ES">Entrar a FotoFlexer</a>. Si no hablas bien Español, <a href="http://fotoflexer.com/">pulsa aquí y baja para encontrar más idiomas</a>.<br />2. Seleccionar nuestra imagen... Esa que queremos editar.<br /><a href="http://1.bp.blogspot.com/_tSSHiOhnerQ/TLCsPpT0ruI/AAAAAAAAAEY/Az6yWWuPJcI/s1600/001.jpg"><img style="cursor: pointer; width: 400px; height: 298px;" src="http://1.bp.blogspot.com/_tSSHiOhnerQ/TLCsPpT0ruI/AAAAAAAAAEY/Az6yWWuPJcI/s400/001.jpg" alt="" id="BLOGGER_PHOTO_ID_5526106127570611938" border="0" /></a><br />3. Esperamos a que se suba y empezamos a editar. Hacemos click en la pestaña "Decorar" y luego hacemos click en texto. Seleccionamos un área donde introducir el texto. Marcamos "Fondo Transparente" y escribimos el texto en el recuadro.<br /><br /><a href="http://2.bp.blogspot.com/_tSSHiOhnerQ/TLCtiGPH35I/AAAAAAAAAEg/ySeTaDmrjYA/s1600/002.jpg"><img style="cursor: pointer; width: 400px; height: 368px;" src="http://2.bp.blogspot.com/_tSSHiOhnerQ/TLCtiGPH35I/AAAAAAAAAEg/ySeTaDmrjYA/s400/002.jpg" alt="" id="BLOGGER_PHOTO_ID_5526107544084799378" border="0" /></a><br />4. Hacemos click en Guardar. Tras eso le damos click a descargar y la guardamos en alguna carpeta en nuestro ordenador, con el nombre que queramos.<br />5. Vamos a subirla, hacemos click en el botón de Añadir Imagen mientras que subimos nuestra entrada.<br /><a href="http://2.bp.blogspot.com/_tSSHiOhnerQ/TLCumbs6uZI/AAAAAAAAAEo/TwcwKfiHnZ8/s1600/003.jpg"><img style="cursor: pointer; width: 400px; height: 268px;" src="http://2.bp.blogspot.com/_tSSHiOhnerQ/TLCumbs6uZI/AAAAAAAAAEo/TwcwKfiHnZ8/s400/003.jpg" alt="" id="BLOGGER_PHOTO_ID_5526108718078015890" border="0" /></a><br />6. Se abrirá una nueva ventana. En ella, hacemos click en examinar y buscamos la imagen que queremos.<br /><a href="http://2.bp.blogspot.com/_tSSHiOhnerQ/TLCwOs6VmII/AAAAAAAAAE4/NajDJjL8q6Y/s1600/004.jpg"><img style="cursor: pointer; width: 400px; height: 359px;" src="http://2.bp.blogspot.com/_tSSHiOhnerQ/TLCwOs6VmII/AAAAAAAAAE4/NajDJjL8q6Y/s400/004.jpg" alt="" id="BLOGGER_PHOTO_ID_5526110509404100738" border="0" /></a><br /><br />7. Marcamos las siguientes opciones para que nuestra imagen se vea bien (Sin alineamiento y grande.). Tras ello, hacemos click en Subir imagen<br /><a href="http://1.bp.blogspot.com/_tSSHiOhnerQ/TLCwO2MjKWI/AAAAAAAAAFA/gvw5hCEozII/s1600/005.jpg"><img style="cursor: pointer; width: 400px; height: 274px;" src="http://1.bp.blogspot.com/_tSSHiOhnerQ/TLCwO2MjKWI/AAAAAAAAAFA/gvw5hCEozII/s400/005.jpg" alt="" id="BLOGGER_PHOTO_ID_5526110511896406370" border="0" /></a><br />8. Aparecerá la imagen al principio de la entrada, así que la arrastraremos hasta la posición que queramos e incluso podemos modificar su tamaño manteniéndo pulsada una esquina y arrastrándola.<br /><br /><br />Y aquí tenemos por fin nuestra imagen, sí, éste de aquí es mi perro, que por cierto, hoy cumple 7 años :)<br /><a href="http://1.bp.blogspot.com/_tSSHiOhnerQ/TLCv55tXz2I/AAAAAAAAAEw/cIUmeNj87-M/s1600/pocht.jpg"><img style="cursor: pointer; width: 400px; height: 300px;" src="http://1.bp.blogspot.com/_tSSHiOhnerQ/TLCv55tXz2I/AAAAAAAAAEw/cIUmeNj87-M/s400/pocht.jpg" alt="" id="BLOGGER_PHOTO_ID_5526110152062127970" border="0" /></a><br /><br />Esta entrada ha sido hecha por petición de Yayi. Más peticiones en comentarios y/o en las entradas de Preguntas y Respuestas.<br /><span style="font-size:100%;">Y esto es todo por hoy, espero que os haya sido útil esta información. Si eso crees, comparte el blog, no te olvides..</span><br /><br />Saludos,<br /><div style="text-align: right;">Jordy<br /></div>JRCChttp://www.blogger.com/profile/06103369432465359025noreply@blogger.com8tag:blogger.com,1999:blog-7896899245555912753.post-17904178010720107922010-09-28T22:36:00.003+02:002010-09-28T23:28:16.804+02:00Preguntas & Respuestas 001Hola a tod@s,<br />esta entrada está dedicada a resolver las preguntas sueltas que se han ido planteando al blog mediante el sistema de comentarios y también como agradecimiento por el seguimiento realizado por las compañeras de mi madre (<a href="http://daianacrochet.blogspot.com/2010/09/nuevo-blog-atencion-bloguers-y-no.html">especialmente a mi madre, por su entrada en su blog</a>).<br /><br /><br />Primero, <span style="font-weight: bold;">gracias</span> a tod@s por el recibimiento. No sé qué decir delante de tantos halagos... ¿gracias? Creo que se quedaría bastante corto, aún así, os pido que lo aceptéis...<br /><br />Segundo, como he leído por algún comentario, "primero los estudios, después, si tienes tiempo, ayudas". Sobre este punto, lo tengo claro. Escribiré y revisaré el blog en mis ratos libres.<br /><br /><br /><br />Ahora, voy a responder algunas dudas rápidamente y algunos mensajes.<br /><br />@<span style="font-weight: bold;">Gloria Beatriz de Estévez</span>: Para que tu blog se vea mejor, te sugiero colocar a tus seguidoras en la columna de la izquierda, en vez de al principio de la página. Se verá menos sobrecargado.<br /><br />@<span style="font-weight: bold;">M.Carmen</span>: El problema del texto azul puede ser que en la pestaña [Configuración->Formato], la plantilla de entrada tenga algo puesto dentro. Próximamente enseñaré como utilizar estas opciones, así que mantente en línea.<br /><br />@<span style="font-weight: bold;">Karina</span>: Gracias por el enlace en tu blog, y la imagen elegida está genial. Sobre el apartado de incluir música en tu blog, haré una entrada pronto de cómo hacerlo.<br /><br />@<span style="font-weight: bold;">Bijoux Roos</span>: Gracias por tu recomendación <a href="http://bijouxroos.blogspot.com/">en tu blog</a>.<br /><br /><br />Y eso es todo por hoy, podéis preguntar más cosas en esta entrada.<br />De nuevo, gracias a tod@s,<br /><div style="text-align: right; font-weight: bold; font-style: italic;"><span style="font-family:courier new;">Jordy</span><br /></div><h1 class="fn"></h1><h1 class="fn"></h1>JRCChttp://www.blogger.com/profile/06103369432465359025noreply@blogger.com25tag:blogger.com,1999:blog-7896899245555912753.post-33954648524991508222010-09-12T19:50:00.005+02:002010-09-12T20:19:08.467+02:00Crear nuevo blog en Blogger [BlogSpot]<span style="font-style: italic;font-size:180%;" ><span style="font-weight: bold;">El problema</span></span><br />Acabamos de ver unos cuantos blogs y nos apetece crear el nuestro... Pero nunca habíamos hecho uno antes... ¿Abandonamos la idea? ¿Rebuscamos en la <a href="http://www.google.com/support/blogger/?hl=es">completísima guía de <span style="font-style: italic;">Blogger</span></a> a ver si encontramos algo? ¿Y si tuviesemos un paso a paso sencillo? Aquí vamos a ello.<br /><br /><br /><br /><span style="font-size:180%;"><span style="font-weight: bold; font-style: italic;">La solución</span></span><br />Ya estás leyendo y estás ilusionad@ con la idea del blog, así que, sin tiempo que perder, vamos a crear tu blog.<br /><br />1. <span style="font-weight: bold;">Registrarse</span>: Primero habrá que <a href="http://www.blogger.com/signup.g">registrarse aquí</a>.<br /><br /><a href="http://2.bp.blogspot.com/_tSSHiOhnerQ/TI0WUzEH2OI/AAAAAAAAADA/Byy5hk4Ksl8/s1600/foto01.jpg"><img style="cursor: pointer; width: 399px; height: 400px;" src="http://2.bp.blogspot.com/_tSSHiOhnerQ/TI0WUzEH2OI/AAAAAAAAADA/Byy5hk4Ksl8/s400/foto01.jpg" alt="" id="BLOGGER_PHOTO_ID_5516089665159420130" border="0" /></a><br />Tras rellenarlo, hacemos click en continuar.<br /><br />2. Ahora<span style="font-weight: bold;"> elegimos el título de nuestro blog y la dirección</span> que usaremos.<a href="http://4.bp.blogspot.com/_tSSHiOhnerQ/TI0X_-vlqzI/AAAAAAAAADI/AFhKXE_xC-0/s1600/foto02.jpg"><img style="cursor: pointer; width: 400px; height: 248px;" src="http://4.bp.blogspot.com/_tSSHiOhnerQ/TI0X_-vlqzI/AAAAAAAAADI/AFhKXE_xC-0/s400/foto02.jpg" alt="" id="BLOGGER_PHOTO_ID_5516091506540522290" border="0" /></a><br />La dirección del blog será la que tenemos que memorizar y por supuesto, la que usaremos para compartir. Antes de darle a continuar, comprueba que la dirección que has escogido para tu blog está disponible. Después, haz click en continuar.<br /><br /><br />3. Ahora<span style="font-weight: bold;"> elegiremos nuestro estilo</span>, el que más cercano esté a lo que queramos enseñar.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_tSSHiOhnerQ/TI0Yv2LAyoI/AAAAAAAAADQ/toQh3hfrP8o/s1600/foto03.jpg"><img style="cursor: pointer; width: 400px; height: 347px;" src="http://3.bp.blogspot.com/_tSSHiOhnerQ/TI0Yv2LAyoI/AAAAAAAAADQ/toQh3hfrP8o/s400/foto03.jpg" alt="" id="BLOGGER_PHOTO_ID_5516092328873347714" border="0" /></a><br /><br /><br />4. <span style="font-weight: bold;">Empieza a publicar entradas</span>... La parte del contenido es toda tuya :)<br /><br /><span style="font-size: 100%;">Y esto es todo por hoy, espero que os haya sido útil esta información. Si eso crees, comparte el blog, no te olvides..</span>JRCChttp://www.blogger.com/profile/06103369432465359025noreply@blogger.com15tag:blogger.com,1999:blog-7896899245555912753.post-78898118995729407152010-09-06T17:56:00.000+02:002010-09-12T20:23:31.878+02:00Aprendiendo sobre el editor de texto<span style="font-size:180%;"><span style="font-weight: bold; font-style: italic;">La duda</span></span><br />A veces, nos ponemos a escribir una entrada en texto, sin saber siquiera para que sirven algunos de esos botones de arriba. Hoy vamos a explicar para que sirven.<br /><br /><br /><span style="font-size:180%;"><span style="font-weight: bold; font-style: italic;">La resolución</span></span><br />Bien, empezaremos de izquierda a derecha.<br /><br /><span style="font-weight: bold; font-style: italic;">1. Fuente</span><br />Aparece en forma de desplegable y sirve para cambiar el estilo de escritura.<br />Las opciones son <span style="font-family:arial;">Arial</span>, <span style="font-family:courier new;">Courier</span>, <span style="font-family:georgia;">Georgia</span>, <span style="font-family:lucida grande;">Lucida Grande</span>, <span style="font-family:times new roman;">Times</span>, <span style="font-family:trebuchet ms;">Trebuchet</span>, <span style="font-family:verdana;">Verdana</span> y <span style="font-family:webdings;">Webdings</span>. Podemos cambiarlas seleccionando una parte de nuestro texto y haciendo click en una opción.<br /><br /><span style="font-weight: bold; font-style: italic;">2. Tamaño del Texto</span><br />Ahora nos encontramos con <span style="font-size:78%;">T</span>T, que es el tamaño de la fuente. Podemos cambiar el tamaño de la letra seleccionando una parte de nuestro texto y eligiendo un tamaño.<br />La letra puede ser <span style="font-size:180%;">gigante</span> o <span style="font-size:78%;">enana</span>...<br /><br /><span style="font-weight: bold; font-style: italic;">3. Negrita</span><br />Es una <span style="font-weight: bold;">b</span>. <span style="font-weight: bold;">Hace que el texto que selecciones se haga más fuerte</span>.<br /><br /><span style="font-weight: bold; font-style: italic;">4. Itálica o Cursiva</span><br />Es una<span style="font-style: italic;"> i. Hace que el texto que selecciones se incline un poco.</span><br /><br /><span style="font-weight: bold; font-style: italic;">5. Color del texto.</span><br />Se representa con una T acompañada de unos colores. <span style="color: rgb(255, 0, 0);">Cambia los colores</span> <span style="color: rgb(51, 51, 255);">de lo que selecciones</span>.<br /><br /><span style="font-weight: bold; font-style: italic;">6. Hipervínculo (cotidianamente llamado Enlace)</span><br />Es una especie de globo terrestre con un lazito. <a href="http://timexteach.blogspot.com/">Sirve para enlazar cosas...</a><br /><br /><span style="font-weight: bold; font-style: italic;">7. Alinear a la izquierda</span><br />Deja el texto que selecciones hacia la izquierda (esto ya se hace por defecto).<br /><br /><span style="font-weight: bold; font-style: italic;">8. Alinear al centro</span><br /><div style="text-align: center;">Deja el texto que selecciones alineado al centro.<br /></div><br /><span style="font-weight: bold; font-style: italic;">9. Alinear a la derecha</span><br /><div style="text-align: right;">Deja el texto que selecciones alineado a la derecha.<br /></div><br /><span style="font-weight: bold; font-style: italic;">10. Alineado justificado (Sin alinear)</span><br /><div style="text-align: justify;">Deja el texto que selecciones alineado a ningún sitio en especial.<br /></div><br /><span style="font-weight: bold; font-style: italic;">11. Lista numerada</span><br />Enumera datos en una lista automáticamente.<br /><ol><li>Cosa uno</li><li>Cosa Dos</li></ol><span style="font-weight: bold; font-style: italic;">12. Lista</span><br />Lista datos sin orden alguno<br /><ul><li>Cosa uno</li><li>Cosa dos</li></ul><span style="font-weight: bold; font-style: italic;">13. Bloque entrecomillado (Cita de texto)</span><br />Indica que lo que has escrito y señalado no es tuyo. Por ejemplo, puedes poner una cita de un libro con esta opción. No se usa mucho, ya que es para que los navegadores separen el contenido de tu blog...<br /><br /><div style="text-align: justify;"><div style="text-align: left;"><div style="text-align: center;"><div style="text-align: left;"><div style="text-align: right;"><div style="text-align: left;"><div style="text-align: justify;"><div style="text-align: left;"><span style="font-weight: bold; font-style: italic;">14. Corrector ortográfico (de Google)</span><br />Revisa y señala nuestras faltas de ortografía.<br /><br /><span style="font-weight: bold; font-style: italic;">15. Añadir imagen</span><br />Nos permite añadir una imagen, ya sea subiéndola desde el ordenador o desde una dirección.<br /><br /><span style="font-weight: bold; font-style: italic;">16. Añadir vídeo</span><br />Nos permite añadir un video al post desde nuestro ordenador<br /><br /><span style="font-weight: bold; font-style: italic;">17. Goma de borrar</span><br />Con esta goma de borrar, seleccionas un texto y puedes quitarle todo lo que le hayas puesto. Ya sea quitarle la negrita, la cursiva, el color... o todo de golpe.<br /><br /><br /><span style="font-size:180%;"><span style="font-weight: bold; font-style: italic;">Combinar</span></span><br /><br />También puedes combinar las opciones para conseguir buenos efectos.<br /><div style="text-align: center;"><span style="font-size:180%;"><span style="font-weight: bold; font-style: italic; color: rgb(255, 0, 0);"><span style="font-family:courier new;">E<span style="color: rgb(255, 153, 102);">s</span><span style="color: rgb(255, 255, 102);">t</span><span style="color: rgb(102, 255, 153);">e</span> <span style="color: rgb(51, 255, 255);">e</span><span style="color: rgb(51, 51, 255);">s</span> <span style="color: rgb(204, 102, 204);">u</span>n <span style="color: rgb(255, 153, 0);">e</span><span style="color: rgb(255, 204, 0);">j</span><span style="color: rgb(255, 255, 0);">e</span><span style="color: rgb(51, 255, 51);">m</span><span style="color: rgb(51, 204, 0);">p</span><span style="color: rgb(0, 204, 204);">l</span><span style="color: rgb(51, 51, 255);">o</span></span><span style="color: rgb(255, 153, 255);">.</span></span></span><br /></div><br /><br /><br /><span style="font-size:100%;">Y esto es todo por hoy, espero que os haya sido útil esta información. Si eso crees, comparte el blog, no te olvides...</span><br /></div><span style="font-weight: bold;"></span></div></div><span style="font-weight: bold;"></span></div></div><span style="font-size:180%;"><span style="font-size:78%;"><span style="font-size:100%;"><span style="color: rgb(51, 102, 255);"><span><span style="color: rgb(0, 0, 0);"><span style="font-weight: bold;"></span></span></span></span></span></span></span></div></div><span style="font-size:180%;"><span style="font-size:100%;"><span style="font-size:180%;"><span style="font-size:100%;"><span style="font-family:arial;"><span style="font-family:courier new;"><span style="font-family:georgia;"><span style="font-family:lucida grande;"><span style="font-family:times new roman;"><span style="font-family:trebuchet ms;"><span style="font-family:verdana;"><span style="font-family:webdings;"></span></span></span></span></span></span></span></span></span></span></span></span></div><span style="font-size:180%;"><span style="font-size:100%;"><span style="font-size:180%;"><span style="font-size:100%;"></span></span></span></span>JRCChttp://www.blogger.com/profile/06103369432465359025noreply@blogger.com2tag:blogger.com,1999:blog-7896899245555912753.post-3214556446826112662010-09-05T17:34:00.000+02:002010-09-19T20:33:01.420+02:00Colocar imágenes con movimiento en el blog<span style="font-size:180%;">El Problema y su causa</span><br /><br /><span style="font-size:180%;">A</span>l subir una imagen en movimiento a nuestro blog mediante Blogger, se queda en la primera toma, y no avanza. Esto se debe a que Blogger transforma nuestras imágenes a otro formato.<br />Veamos un ejemplo:<div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_tSSHiOhnerQ/TILKyi8WoQI/AAAAAAAAACA/buo7ffYwxoY/s1600/33dccc0.gif"><img style="cursor: pointer; width: 100px; height: 100px;" src="http://1.bp.blogspot.com/_tSSHiOhnerQ/TILKyi8WoQI/AAAAAAAAACA/buo7ffYwxoY/s400/33dccc0.gif" alt="" id="BLOGGER_PHOTO_ID_5513191863577125122" border="0" /></a><br /><br />Debería moverse como veremos poco después...<br /><br /><br /><div style="text-align: left;"><span style="font-size:180%;">La solución</span><br /><span style="font-size:100%;">Ahora que teníamos una imagen bonita que subir animada, se nos ha chafado por Blogger... ¿Y ahora qué?<br />Utilizaremos HTML puro. Lo primero que tenemos que hacer es subir nuestra imagen a algún sitio de almacenamiento de imágenes (Picasa hace lo mismo que Blogger, así que no lo pienses).<br />Recomiendo usar <a href="http://www.imageshack.us/">ImageShack</a></span><span style="font-size:100%;">. En este post voy a enseñaros a usar ImageShack.<br /><br />1. Entramos a través del enlace: <a href="http://www.imageshack.us/">http://www.imageshack.us</a><br />2. Elegimos nuestra imagen, siguiendo estos pasos:<br /><br /></span></div></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_tSSHiOhnerQ/TILOE7-gJvI/AAAAAAAAACI/sx1jzxB-KTQ/s1600/foto01.jpg"><img style="cursor: pointer; width: 400px; height: 218px;" src="http://4.bp.blogspot.com/_tSSHiOhnerQ/TILOE7-gJvI/AAAAAAAAACI/sx1jzxB-KTQ/s400/foto01.jpg" alt="" id="BLOGGER_PHOTO_ID_5513195478069552882" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_tSSHiOhnerQ/TILOFfOTHRI/AAAAAAAAACQ/dGF4_Bc_mOc/s1600/foto02.jpg"><img style="cursor: pointer; width: 400px; height: 292px;" src="http://1.bp.blogspot.com/_tSSHiOhnerQ/TILOFfOTHRI/AAAAAAAAACQ/dGF4_Bc_mOc/s400/foto02.jpg" alt="" id="BLOGGER_PHOTO_ID_5513195487531048210" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_tSSHiOhnerQ/TILOVXYm62I/AAAAAAAAACY/DNo6oG3tWtQ/s1600/foto03.jpg"><img style="cursor: pointer; width: 400px; height: 255px;" src="http://4.bp.blogspot.com/_tSSHiOhnerQ/TILOVXYm62I/AAAAAAAAACY/DNo6oG3tWtQ/s400/foto03.jpg" alt="" id="BLOGGER_PHOTO_ID_5513195760304712546" border="0" /></a><br /><br /><br />3. Ahora esperamos a que suba...<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_tSSHiOhnerQ/TILOhmp0DTI/AAAAAAAAACg/lzcn2ADwXcA/s1600/foto04.jpg"><img style="cursor: pointer; width: 400px; height: 74px;" src="http://3.bp.blogspot.com/_tSSHiOhnerQ/TILOhmp0DTI/AAAAAAAAACg/lzcn2ADwXcA/s400/foto04.jpg" alt="" id="BLOGGER_PHOTO_ID_5513195970561838386" border="0" /></a><br /><br /><br />4. Cuando ha subido, nos redirige a otra página que es la clave para nuestra imagen... Tendremos que copiar la información señalada...<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_tSSHiOhnerQ/TILPHg6bELI/AAAAAAAAACo/yFQBtAQQK7Q/s1600/foto05.jpg"><img style="cursor: pointer; width: 285px; height: 400px;" src="http://2.bp.blogspot.com/_tSSHiOhnerQ/TILPHg6bELI/AAAAAAAAACo/yFQBtAQQK7Q/s400/foto05.jpg" alt="" id="BLOGGER_PHOTO_ID_5513196621855920306" border="0" /></a><br /><br />5. Bien, teniendo esto copiado podremos crear nuestra imagen. Desde la creación de entrada le damos a Edición de HTML.<br /><br />6. Seguimos los pasos de la siguiente foto<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_tSSHiOhnerQ/TILQhbvJKWI/AAAAAAAAACw/fTEa7_4bxmU/s1600/foto07.jpg"><img style="cursor: pointer; width: 400px; height: 225px;" src="http://3.bp.blogspot.com/_tSSHiOhnerQ/TILQhbvJKWI/AAAAAAAAACw/fTEa7_4bxmU/s400/foto07.jpg" alt="" id="BLOGGER_PHOTO_ID_5513198166654658914" border="0" /></a><br /><br /><br />7. Volvemos a Redactar y ya tenemos nuestra imagen en movimiento. A partir de aquí podemos ponerla del tamaño que queramos mediante el propio Blogger y seguirá en movimiento.<br /><br /><div style="text-align: center;"><img src="http://img185.imageshack.us/img185/4923/33dccc0.gif" alt="" /><br /><span style="font-size:78%;">¿A que está graciosa?</span><br /></div><br /><span style="font-size:100%;">Y esto es todo por hoy, espero que os haya sido útil esta información. Si eso crees, comparte el blog, no te olvides...</span>JRCChttp://www.blogger.com/profile/06103369432465359025noreply@blogger.com5