tag:blogger.com,1999:blog-81144256763208311442024-03-05T06:54:19.340-03:00Manual del BlogUnknownnoreply@blogger.comBlogger20125tag:blogger.com,1999:blog-8114425676320831144.post-2340619988534601572008-09-10T11:10:00.002-04:002008-09-10T11:18:06.837-04:00Nueva Pagina Recomendada.<center><a href="http://www.manualdelblogger.blogspot.com"><img src="http://i38.tinypic.com/5o71wz.jpg" width="400" height="380" border="0"></a></center>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-8114425676320831144.post-25329559017090622322008-08-01T23:10:00.001-04:002008-08-01T23:12:16.487-04:00Creación de un Blog<div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP4MIez7RYWJcWdWU3VL5FP_C4C7cOWuapxOAt-zp337JYFAFc8bv73O5nBxfaa83K4qL16I6rSPOQXhtG1kKVaBgeloHCyZKVXQMtN27cKQHAbmk-ZSwpkSOnbQkGU-hnA0xciHmK-y0/s1600-h/blogima.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP4MIez7RYWJcWdWU3VL5FP_C4C7cOWuapxOAt-zp337JYFAFc8bv73O5nBxfaa83K4qL16I6rSPOQXhtG1kKVaBgeloHCyZKVXQMtN27cKQHAbmk-ZSwpkSOnbQkGU-hnA0xciHmK-y0/s400/blogima.jpg" alt="" id="BLOGGER_PHOTO_ID_5219373296997464498" border="0" /></a>Para crear un Blog, hoy en dia existe una gran cantidad de portales y plataformas las que difieren principalmente, por el nivel de complejidad y potencialidad que cada una de ellas presenta. Entre las de mayor masividad se encuentran <a href="http://www.wordpress.com/">Wordpress</a> y <a href="http://www.blogger.com/">Blogger</a>, esta ultima sera la que utilizaremos en este desafio, puesto que muestra un nivel de complejidad bajo en relacion a las potencialidades entregadas. ahora que ya definimos en que plataforma vamos a desarrollar el blog empezaremos su construccion . Lo primero sera dirigirnos a la siguiente direccion web:<br /></div><div style="text-align: justify;"><br /><div style="text-align: center;"><a href="http://www.blogger.com/">www.blogger.com</a><br /><div style="text-align: justify;"><span style="font-size:100%;"><b><span style=""><br />Como Hacer un blog en blogger:<o:p></o:p></span></b></span> <p class="MsoNormal"><span style="font-size:100%;"><b style=""><span style="line-height: 115%;" lang="ES-CL">Antes de crear la Cuenta</span></b></span><b style=""><span style="line-height: 115%;"><o:p></o:p></span></b></p> <p class="MsoNormal"> </p> <p class="MsoNormal"><span style="" lang="ES-CL"><span style=""> </span>Antes de crear una cuenta en blogger debes crear una cuenta de correo electrónico en gmail, la cual será la herramienta de entrada para el mundo de los blogs.</span></p><p class="MsoNormal"><br /><b><span style="line-height: 115%;" lang="ES-CL"><span style="font-size:100%;">Creando una Cuenta</span></span></b></p><p class="MsoNormal"><b><span style="line-height: 115%;" lang="ES-CL"><o:p></o:p></span></b><br /><span style="" lang="ES-CL">Lo primero que debemos hacer es buscar en la página www.blogger.com la opción que dice: “Crear tu Blog Ahora”, al presionar este link el sistema nos trasladara, a una siguiente pagina donde se deberá ingresar el mail anteriormente creado, mas el nombre de usuario que nos gustaría tener y la contraseña, dos veces(la misma del mail), para verificar. Si existe ese nombre, nos avisa y nos pide que ingresemos otro. Si no existe no habrá problema en crear la cuenta. <o:p></o:p></span></p> <p class="MsoNormal"><span style="" lang="ES-CL">En seguida se muestra una imagen de la primera pantalla de que deberemos rellenar.<o:p></o:p></span></p><br /><span style="line-height: 115%;" lang="ES-CL"><!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" spt="75" preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"> <v:stroke joinstyle="miter"> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0"> <v:f eqn="sum @0 1 0"> <v:f eqn="sum 0 0 @1"> <v:f eqn="prod @2 1 2"> <v:f eqn="prod @3 21600 pixelWidth"> <v:f eqn="prod @3 21600 pixelHeight"> <v:f eqn="sum @0 0 1"> <v:f eqn="prod @6 1 2"> <v:f eqn="prod @7 21600 pixelWidth"> <v:f eqn="sum @8 21600 0"> <v:f eqn="prod @7 21600 pixelHeight"> <v:f eqn="sum @10 21600 0"> </v:formulas> <v:path extrusionok="f" gradientshapeok="t" connecttype="rect"> <o:lock ext="edit" aspectratio="t"> </v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style="'width:424.5pt;"> <v:imagedata src="file:///C:\DOCUME~1\JOSELU~1\CONFIG~1\Temp\msohtml1\01\clip_image001.png" title="blog1"> </v:shape><![endif]--><!--[if !vml]--><!--[endif]--></span></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVePWlz8-h260Qbwu3ehG8Cud6-asb0gvRaWRGC03OkrofnVd-dhn9apKIOBdvvYrXCWXnG_HpZq8ZR0IMYAWbqmvTzl_wUu6B8qs89OHXqhNt71OSxbqMxGEOWWm73sCfombREplRaAk/s1600-h/paso+1.bmp"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVePWlz8-h260Qbwu3ehG8Cud6-asb0gvRaWRGC03OkrofnVd-dhn9apKIOBdvvYrXCWXnG_HpZq8ZR0IMYAWbqmvTzl_wUu6B8qs89OHXqhNt71OSxbqMxGEOWWm73sCfombREplRaAk/s400/paso+1.bmp" alt="" id="BLOGGER_PHOTO_ID_5219382092636621538" border="0" /></a><br /><div style="text-align: justify;">Despues de completar los casilleros anteriormente requeridos debemos presionar el boton continuar , producto de lo cual llegaremos a una nueva pagina donde deberemos indicar: El titulo del Blog, La direccion que este tendra(www.miblog.blogspot.com), habiendo hecho esto debemos presionar continuar, para seleccionar la plantilla que contendra nuestro futuro Blog.</div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb5HOagyyeYqLY37SUPdS66edC8aLKRdqIBxCyFWY2nM3RGiGSKQIclaPDbk8z4b1LO5LB8RQ2q8NWztimhkE-cktemqxTrT2zPjrLckgaD1jNOIShA0xDEXHaDG-2gVUx1nL_9XtK3xI/s1600-h/pas2.0.bmp"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb5HOagyyeYqLY37SUPdS66edC8aLKRdqIBxCyFWY2nM3RGiGSKQIclaPDbk8z4b1LO5LB8RQ2q8NWztimhkE-cktemqxTrT2zPjrLckgaD1jNOIShA0xDEXHaDG-2gVUx1nL_9XtK3xI/s400/pas2.0.bmp" alt="" id="BLOGGER_PHOTO_ID_5219394683723796402" border="0" /></a><br /><form><div style="text-align: left;"> <span style="font-size:100%;">Después de Completar la Información Anterior presionamos Continuar, con lo cual llegamos a:</span></div><p></p><span style="" lang="ES-CL"><o:p></o:p></span> <p class="MsoNormal" style="margin: 0cm 3pt 0.0001pt 0cm; line-height: normal; text-align: justify;"><span style="" lang="ES-CL"><o:p> </o:p></span></p><div style="text-align: justify;"> </div><p class="MsoNormal" style="margin: 0cm 3pt 0.0001pt 0cm; line-height: normal; text-align: justify;"><span style="font-size:100%;"><b><span style="" lang="ES-CL">Elegir una plantilla</span></b></span><span style="" lang="ES-CL">, con la cual definiremos la apariencia de nuestro blog.<o:p></o:p></span></p> </form><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcdQ_oHoS4EiXmQz3gu9Xiad9uLKIs4uEoZ3vWP55WbiTSyMcPhgEo1BjnNZYnxMcr51Xj27I_7ZDtQpxIJZW88ZDNs65y4f82TqhAg6IMtsMySBx71J7_wFlC-h4-a-E03Nc4CZw-n9g/s1600-h/paso+2.bmp"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcdQ_oHoS4EiXmQz3gu9Xiad9uLKIs4uEoZ3vWP55WbiTSyMcPhgEo1BjnNZYnxMcr51Xj27I_7ZDtQpxIJZW88ZDNs65y4f82TqhAg6IMtsMySBx71J7_wFlC-h4-a-E03Nc4CZw-n9g/s400/paso+2.bmp" alt="" id="BLOGGER_PHOTO_ID_5219382998254946242" border="0" /></a><span style="font-size:100%;"><br /></span><div style="text-align: justify;"><span style="font-size:100%;">Posterior a la elección de la plantilla presionamos la opción continuar, con lo cual llegaremos a la pantalla final la cual correspondera:</span><br /></div><p style="text-align: justify;"></p> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWkmXXFWTX4O3uWpUBikfVH5Deh3sxl70nVzXwltMWU4s9Zn-5lKmVyzab2s1MZtRCHYRe8m64sFLGEgUdIUaah1gqkoFr8Be3TghublU_U6pRGZUxqtn9YkFxmsVlpLrhdNkgDumEo44/s1600-h/paso+3.bmp"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWkmXXFWTX4O3uWpUBikfVH5Deh3sxl70nVzXwltMWU4s9Zn-5lKmVyzab2s1MZtRCHYRe8m64sFLGEgUdIUaah1gqkoFr8Be3TghublU_U6pRGZUxqtn9YkFxmsVlpLrhdNkgDumEo44/s400/paso+3.bmp" alt="" id="BLOGGER_PHOTO_ID_5219383298659056914" border="0" /></a><br /><div style="text-align: justify;">Si despues de esta explicacion aun tienes dudas de como construir un blog te recomendamos que revises estos videos:<br /></div></div><br /><br /><center><object height="240" width="240"><param name="movie" value="http://www.youtube.com/v/tgg7oDPRCs8&hl=en&fs=1"><param name="allowFullScreen" value="true"><embed src="http://www.youtube.com/v/tgg7oDPRCs8&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" height="240" width="240"></embed></object> <object height="344" width="425"><param name="movie" value="http://www.youtube.com/v/DMTvus69lGA&hl=en&fs=1"><param name="allowFullScreen" value="true"><embed src="http://www.youtube.com/v/DMTvus69lGA&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" height="240" width="240"></embed></object></center></div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-8114425676320831144.post-3199403779888249572008-08-01T22:46:00.005-04:002008-08-01T23:09:15.670-04:00Recuperar los datos de Pruebas OnlineYa te enseñamos como realizar pruebas online utilizando la herramienta Google Docs de Google, ahora te enseñaremos como recuperar los datos obtenidos de dichos test. Lo primero que debes hacer es ingresar a <a href="http://www.gmail.com/">www.gmail.com</a>, presionar la opcion <span style="font-weight: bold;">Docs</span> y el archivo que contenga los resultados del test realizado, este se mostrara con el icono clasico de Excel.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaMGdPM8l_8hqUCQWX8eN7tQM8qH3qH4buJ9fs4IAAyAE-TeJbU2v1l40DMQXkGMegUXyy7QT4voRD9duoAsrcq5FfNJ_jGE82_zSOg1suGndTrZGjMH1rAC1bJXnN9G8EGyWu7-v_Gew/s1600-h/docs.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaMGdPM8l_8hqUCQWX8eN7tQM8qH3qH4buJ9fs4IAAyAE-TeJbU2v1l40DMQXkGMegUXyy7QT4voRD9duoAsrcq5FfNJ_jGE82_zSOg1suGndTrZGjMH1rAC1bJXnN9G8EGyWu7-v_Gew/s400/docs.jpg" alt="" id="BLOGGER_PHOTO_ID_5229748128942277554" border="0" /></a><br /><div style="text-align: justify;">Habiendo llegado a la planilla que contiene los datos o resultados de los test realizados. Estos se pueden visualizar desde la misma web o se pueden exportar en distintos formatos .txt, HTML o .xls.<br /><br />Para obtener los datos en una planilla Excel se debe presionar la opcion ubicada al costado izquierdo Archivo, Exportar, .xls. con lo cual los datos entregado se descargaran en una planilla excel que podremos guardar o modificar en nuestr computador.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTEpbx1mXJ_TX6zyo3jfS82WEWwV_TsqAe_mIffyj7NLahAmI4r4YtVoSiz2udPJ4HsIKef84Xu079naqH0L36DrKLicq0QhoGADWU_P9Y3E02_n2jXjdjARcwz-LVm1K45kQ8sIyAa4/s1600-h/exportar.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqTEpbx1mXJ_TX6zyo3jfS82WEWwV_TsqAe_mIffyj7NLahAmI4r4YtVoSiz2udPJ4HsIKef84Xu079naqH0L36DrKLicq0QhoGADWU_P9Y3E02_n2jXjdjARcwz-LVm1K45kQ8sIyAa4/s400/exportar.jpg" alt="" id="BLOGGER_PHOTO_ID_5229750964041390946" border="0" /></a>Con esto habremos finalizado el punto de Pruebas Online.<br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8114425676320831144.post-25273614890189239282008-08-01T20:53:00.013-04:002008-08-01T22:46:11.417-04:00Hacer Pruebas y Evaluaciones OnlineUna de las alternativas que entrega la utlización de blogger es el desarrollo de distintas aplicaciones, con variadas utilidades. En este Post desarrollaremos el como hacer evaluaciones o pruebas via web. Para lo cual mezclaremos dos herramientas de Google, Blogger y Google Docs.<br /><div style="text-align: justify;"><br />Lo primero que debemos hacer es dirigirnos a nuestro mail de gmail en <a href="http://www.gmail.com/">www.gmail.com</a> y presionar la opcion <span style="font-weight: bold; color: rgb(255, 0, 0);">Docs</span> ubicada en la esquina superior izquierda como se visualiza a continuacion<br /></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbTIWTL8AJs9ECMi80-HzZgvqlAuLNqSrbyazf7gv6LAIZwSz0VnA-oIf30tUrGHgrJKq9UKXx3k9KWBOoydZG8l5DrRNqNOHB-QQYNa4XlnyyFTUTGZ8nR5UE5bE45jTIAdqgC4U0D5fx/s1600-h/pantallazo.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbTIWTL8AJs9ECMi80-HzZgvqlAuLNqSrbyazf7gv6LAIZwSz0VnA-oIf30tUrGHgrJKq9UKXx3k9KWBOoydZG8l5DrRNqNOHB-QQYNa4XlnyyFTUTGZ8nR5UE5bE45jTIAdqgC4U0D5fx/s400/pantallazo.jpg" alt="" id="BLOGGER_PHOTO_ID_5229720539817206786" border="0" /></a><br /><div style="text-align: justify;">Habiendo hecho esto llegaremos a una nueva pantalla donde lo primero que haremos sera llevar la pagina del inlges al español, para esto se debe presionar la opcion <span style="color: rgb(255, 0, 0); font-weight: bold;">Settings</span> y posteriormente elegir el idioma Español. finalmente deberas presionar la opcion <span style="font-weight: bold; color: rgb(255, 0, 0);">Save Changes, </span><span style="color: rgb(255, 0, 0);"><span style="color: rgb(0, 0, 0);">con lo cual la pagina sera traducida y aparecera en español.</span></span><br /></div><br /><span style="color: rgb(51, 51, 255);font-size:130%;" ><span style="font-weight: bold;">Paso 1:</span></span><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_0Bv9PvIBUTVwly_M6oRcQctvLNoae0B4B2BIudOhyW81GlC4zH3Yl-8S2e5keKj3rt2CMrWL4LoK2HoXbYYVV11yfg_DSqVp8DvDkcnsVyWa8EPLDbyetLOph6qEUcQHpGB892priFhR/s1600-h/pantallazo2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_0Bv9PvIBUTVwly_M6oRcQctvLNoae0B4B2BIudOhyW81GlC4zH3Yl-8S2e5keKj3rt2CMrWL4LoK2HoXbYYVV11yfg_DSqVp8DvDkcnsVyWa8EPLDbyetLOph6qEUcQHpGB892priFhR/s400/pantallazo2.jpg" alt="" id="BLOGGER_PHOTO_ID_5229727265917269154" border="0" /></a><span style="font-weight: bold; color: rgb(51, 51, 255);font-size:130%;" >Paso 2:</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHff61GXQdEpbu89QWwCCc9zM88UpnUtR75QNCjhza_6K1DeB-0b4g2hAKbHEHWedSqnkZGF4wTAabj5Ln56ZI6XtyQO0B1lLHYP_AtZfjFfEn9uZsyd6Upcvws0Tosd53H4lvTcjzQTOh/s1600-h/pantallazo+3.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHff61GXQdEpbu89QWwCCc9zM88UpnUtR75QNCjhza_6K1DeB-0b4g2hAKbHEHWedSqnkZGF4wTAabj5Ln56ZI6XtyQO0B1lLHYP_AtZfjFfEn9uZsyd6Upcvws0Tosd53H4lvTcjzQTOh/s400/pantallazo+3.jpg" alt="" id="BLOGGER_PHOTO_ID_5229727649124750402" border="0" /></a><span style="color: rgb(51, 51, 255);font-size:130%;" ><span style="font-weight: bold;">Paso 3:</span></span><br /><br /><div style="text-align: center;">Presionar el boton <span style="font-weight: bold;">Save Changes</span><br /></div><br /><div style="text-align: justify;">Habiendo hecho esto deberemos presionar la opcion <span style="font-style: italic;font-size:100%;" ><span style="color: rgb(255, 0, 0); font-weight: bold;">Nuevo,<span style="color: rgb(0, 0, 0);"> </span></span></span><span style="font-size:100%;"><span style="color: rgb(255, 0, 0);"><span style="color: rgb(0, 0, 0);">y Posteriormente</span></span></span><span style="font-size:100%;"><span style="color: rgb(255, 0, 0);"><span style="color: rgb(0, 0, 0);"> </span></span><span style="color: rgb(255, 0, 0); font-weight: bold;"><span style="color: rgb(0, 0, 0);">Hoja de calculo</span></span></span><br /></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzITlFr290xBJ8syh2wU9_mhAM3lBp3hlqB0pOSfEAffLBYC3o33BmxNmC02_uV9yXhnemWiqunW-VONVcpsHF6hB9kvBXZpLtpW67SJ3Tt0usGRFQa5meOSXD48tHzNpyxhK76ZEJVAOf/s1600-h/nuevo.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzITlFr290xBJ8syh2wU9_mhAM3lBp3hlqB0pOSfEAffLBYC3o33BmxNmC02_uV9yXhnemWiqunW-VONVcpsHF6hB9kvBXZpLtpW67SJ3Tt0usGRFQa5meOSXD48tHzNpyxhK76ZEJVAOf/s400/nuevo.jpg" alt="" id="BLOGGER_PHOTO_ID_5229729752299101010" border="0" /></a><br /><div style="text-align: justify;">Lo cual nos llevara a la siguiente pagina donde deberemos presionar compartir y asignarle un nombre a nuestra hoja de calculo recien creada.<br /></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK5D3xRXHGfU8EYrx3-tFlhfglMS88KOelyAU0FubT-XrNVd3z1sjQx0YU1GvaA7JShOkgwWtFpq3jhwzbTmuJSVQ6KUZFbb8idjMt-9XzMO5vpNVagZo-ynFhyphenhyphen3YlQ95WLUzcBUiAHAQm/s1600-h/compartir.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK5D3xRXHGfU8EYrx3-tFlhfglMS88KOelyAU0FubT-XrNVd3z1sjQx0YU1GvaA7JShOkgwWtFpq3jhwzbTmuJSVQ6KUZFbb8idjMt-9XzMO5vpNVagZo-ynFhyphenhyphen3YlQ95WLUzcBUiAHAQm/s400/compartir.jpg" alt="" id="BLOGGER_PHOTO_ID_5229731587767799314" border="0" /></a>Despues de lo cual nos aparecera la siguente pantalla donde deberemos seleecionar la opcion: <span style="font-weight: bold; color: rgb(255, 0, 0);">Para rellenar un Formulario <span style="color: rgb(51, 51, 51);">, </span></span><span style="color: rgb(255, 0, 0);"><span style="color: rgb(51, 51, 51);">como se aprecia a continuacion</span></span><span style="font-weight: bold;">.<br /><br /></span><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkLQGClHLYiPwMrNScGcRw0a3GghUkD-hVQq4rL9hzDgkVCST9-2Zk6pIX-tJSftNSk3U5YwNZFbeqBVNVPo9qsRzXUMRTGccq25TjLFNVck9Ge4flkNeg4D-JiDxDyoPMhjsYabP9ClGV/s1600-h/para+compartir.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkLQGClHLYiPwMrNScGcRw0a3GghUkD-hVQq4rL9hzDgkVCST9-2Zk6pIX-tJSftNSk3U5YwNZFbeqBVNVPo9qsRzXUMRTGccq25TjLFNVck9Ge4flkNeg4D-JiDxDyoPMhjsYabP9ClGV/s400/para+compartir.jpg" alt="" id="BLOGGER_PHOTO_ID_5229734091798439122" border="0" /></a>y ahora presionar <span style="font-weight: bold; color: rgb(255, 0, 0);">Vista Previa y Enviar Formulario</span><span style="color: rgb(0, 0, 0);">, con lo cual nos aparecera la siguiente vista de donde deberemos elegir la opcion ubicada en la esquina superior izquierda <span style="font-weight: bold; color: rgb(255, 0, 0);">Editar Formulario.<br /><br /></span></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7sexxrD92h-fruEkX7rEQigEFyNcAFDeE3bcJTIWFEpXoMbKPRekX79-8US-iOslcdYPV-79yCQvpVGbhShLkWU-vunMGAByJfg-b16CyYQVvxO_sUt5QjjK4KGp0EuHlSOdzTiItQaLB/s1600-h/vista+previa.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7sexxrD92h-fruEkX7rEQigEFyNcAFDeE3bcJTIWFEpXoMbKPRekX79-8US-iOslcdYPV-79yCQvpVGbhShLkWU-vunMGAByJfg-b16CyYQVvxO_sUt5QjjK4KGp0EuHlSOdzTiItQaLB/s400/vista+previa.jpg" alt="" id="BLOGGER_PHOTO_ID_5229737246375280354" border="0" /></a><br /><span style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0);">Con lo cual se nos presentará la opción de editar el contenido y las preguntas, ademas de poder incluir nuevas preguntas con diferentes tipos de respuesta, ya sea texto, tipo test, casillas de verificacion, elegir de una lista, habiendo finalizada la inlcusion de preguntas se debe presionar la opcion Finalizado con lo cual nuestro cuestionario se ve como.<br /><br /></span></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9uxuibq_RluevFR4D57JDLFsCLjTRQr4DZAujsMB0gCSFI7quG1e28xLkJEhi8uTpjvZgv2vSEag9UZZPvAuRkxIsZNk-_fsJbFL9VsHgwum-TCd82qDoTut5aRqpA5Vryx1vMK7ImwO3/s1600-h/preguntas.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9uxuibq_RluevFR4D57JDLFsCLjTRQr4DZAujsMB0gCSFI7quG1e28xLkJEhi8uTpjvZgv2vSEag9UZZPvAuRkxIsZNk-_fsJbFL9VsHgwum-TCd82qDoTut5aRqpA5Vryx1vMK7ImwO3/s400/preguntas.jpg" alt="" id="BLOGGER_PHOTO_ID_5229740509469123890" border="0" /></a><br />Habiendo llegado a esta pantalla debemos presionar la opcion <span style="font-weight: bold; color: rgb(255, 0, 0);">Vista Previa y Enviar</span><span style="color: rgb(255, 0, 0);"><span style="color: rgb(0, 0, 0);">, lo que nos llevara a la siguiente pantalla.<br /><br /></span></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSoFbHGnmp2rXyQvHQbAq0Rq4oi-PCCBHJYJdI8vSbRAL4KvGIl5YQ7ZsWgMJNTlHD8svC2-EZ7y-UZ1xvEg3MN80TqKfeduYK1-TeRg2Yc9U3gX0qeug-m84AMWjDTV5KQcxPoBAnU74x/s1600-h/incrustar.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSoFbHGnmp2rXyQvHQbAq0Rq4oi-PCCBHJYJdI8vSbRAL4KvGIl5YQ7ZsWgMJNTlHD8svC2-EZ7y-UZ1xvEg3MN80TqKfeduYK1-TeRg2Yc9U3gX0qeug-m84AMWjDTV5KQcxPoBAnU74x/s400/incrustar.jpg" alt="" id="BLOGGER_PHOTO_ID_5229741888387270354" border="0" /></a><br />Ahora para introducir esta prueba, test o cuestionario a nuestro blog debemos presionar la opcion Incrustar ubicada en la esquina superior derecha , opcion que nos entregara un codiggo HTML el que finalmente deberemos copiary pegar en la seccion de <span style="font-weight: bold; color: rgb(255, 0, 0);">Edicion de HTML</span> de nuestro Blog.<br /><span style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0);"><br />Con lo cual el test o prueba desarrollada se vera de la siguiente manera:<br /><br /><br /><br /></span><span style="font-weight: bold; color: rgb(255, 0, 0);"><br /></span></span></div><br /><center><iframe src="http://spreadsheets.google.com/embeddedform?key=pi6rX_Xp805_sOOVUMTlteg&hl=es" marginheight="0" marginwidth="0" frameborder="0" height="475" width="310">Cargando...</iframe><br /><div style="text-align: left;"><br />Una vez contestadas las preguntas se debe presionar el boton enviar o Submit con lo cual los resultados del Test, Prueba o Cuestionario seran enviados a nuestro correo de Gmail.<br /><br /></div></center>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-8114425676320831144.post-6900486788351351012008-07-04T00:44:00.003-04:002008-07-05T02:33:54.260-04:00Inclusion de Imagen en la CabeceraSi ya hemos creado nustro blog pero queremos agregarle mas colorido a la cabecera deberemos hacer lo siguiente:<br /><br /><div style="text-align: justify;">* Primero deberas presionar la opcion personalizar que se encuentra en la ezquina superior derecha de tu blog.<br /></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD74UmpW3uewHqNF-xnIy8foEJOGG72gDYOBHuJ03Zub4gw2eu6DWOzFRv5Dj7_ftslvIuGWPl6wtoOVXBLJTXfsGElaY50-rEKZoW5h-G6w0BElI1dMaf3rAPchAq088G6axVAEfcOsk/s1600-h/paso+4.bmp"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD74UmpW3uewHqNF-xnIy8foEJOGG72gDYOBHuJ03Zub4gw2eu6DWOzFRv5Dj7_ftslvIuGWPl6wtoOVXBLJTXfsGElaY50-rEKZoW5h-G6w0BElI1dMaf3rAPchAq088G6axVAEfcOsk/s400/paso+4.bmp" alt="" id="BLOGGER_PHOTO_ID_5219408596999509874" border="0" /></a><br /><div style="text-align: justify;">* habiendo hecho esto llegaremos a la siguiente ventana en la cual deberemos ubicar la seccion cabecera y presionar el boton editar.<br /></div><br /><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9babf2pCXtafnN-aTDSLw5I7dYeQ0gkGLmFRYbGp30e21gYeol6q9T7ry3QKlTJ2CWPssLXJ_sa49IK8218hIMot8SbdF3Q0iouThJRYYsLoexHhreuYy_sy8AwNWQbN3gjDc8qbxYTw/s1600-h/paso+5.bmp"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9babf2pCXtafnN-aTDSLw5I7dYeQ0gkGLmFRYbGp30e21gYeol6q9T7ry3QKlTJ2CWPssLXJ_sa49IK8218hIMot8SbdF3Q0iouThJRYYsLoexHhreuYy_sy8AwNWQbN3gjDc8qbxYTw/s400/paso+5.bmp" alt="" id="BLOGGER_PHOTO_ID_5219409773075471250" border="0" /></a>*Ahora podras cambiar el nombre del Blog, hacer una descripcion de este y agregar una imagen a la cabecera si asi les parece.<br /></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8nW8I8-J7dNIhMuZp-mMQy3aRfKm6RdNpNeq0Ih8Zue38IZbSDXIL4_PyZrZyEHFcWQgEY6XQhAFpVvIvqLFmGepHPHTVXWN8KFhWC5k1z6lfQVHSbhFXg1BP1JN_VaNtnEB7HXNgc7Y/s1600-h/paso+6.bmp"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8nW8I8-J7dNIhMuZp-mMQy3aRfKm6RdNpNeq0Ih8Zue38IZbSDXIL4_PyZrZyEHFcWQgEY6XQhAFpVvIvqLFmGepHPHTVXWN8KFhWC5k1z6lfQVHSbhFXg1BP1JN_VaNtnEB7HXNgc7Y/s400/paso+6.bmp" alt="" id="BLOGGER_PHOTO_ID_5219412137299763234" border="0" /></a><br /><div style="text-align: justify;">despues de esto presionas guardar y ya habras colocado una imagen en la cabecera de tu blog, si aun no te ha quedado claro te propongo que revisos estos sitios para aclarar tus dudas<br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8114425676320831144.post-20932721193901030432008-07-04T00:42:00.016-04:002008-07-11T21:55:26.697-04:00Teoría Básica de Código HTML<div style="text-align: justify;">Una de las herramientas mas importante que poseemos para mejorar nuestro blog esla inclusion de cofigos HTML con los cuales podremos: centrar, poner en negrita, cursiva, definir tamaño de fuente, poner Links e Imagenes ademas de agregar un sinnumero de apliciones.<br /></div><b><br /></b><div style="text-align: justify;">Antes de todo debemos debemos definir que significa HTML y para que sirva. HTML significa HyperText Markup Language (<i>Lenguaje de Marcas de Hipertexto</i>), es el <a href="http://es.wikipedia.org/wiki/Lenguaje_de_marcado" title="Lenguaje de marcado">lenguaje de marcado</a> predominante para la construcción de <a href="http://es.wikipedia.org/wiki/P%C3%A1ginas_web" class="mw-redirect" title="Páginas web">páginas web</a> y es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes, videos, etc.<br /><br /><span style="font-weight: bold;"><span style="font-size:130%;">Ahora revisaremos los codigos mas importantes y como estos se utilizan.</span><br /><br /></span><span>Lo primero que debes saber es que el codigo tiene una estructura basica que debe ser respatada, esta dice que al aplicar alguna accion o comando esta debe se iniciada y cerrada. esto se hace de la siguiente manera:<br /><br /><span style="font-size:130%;">todo codigo se inicia como: </span><codigo><br /><"comnado><br />en la parte intermedia se agrega el texto que sufrira las acciones del codigo preestablecido<br /><"/comando><br /><span style="font-size:130%;">y se cierra como : </span></codigo><br /><br />Esto se visualizara de mejor manera con las aplicaciones.<br /><br /></span><div style="text-align: justify;"><span>para poder escribir los codigos sin que blogger los aplique hemos agregado un par de comillas a cada entrada, por tanto al aplicar estos codigos dichas comillas deben ser borradas.</span><br /></div><span><br /><span style="font-weight: bold;"><span style="font-size:130%;">Codigo Centrar:</span><br /><br /></span><"center><br />este es un muy buen blog<br /><"/center><br /><br />indicacion que se veria asi:<br /><center><br />Este es un muy buen blog<span style="font-weight: bold;"><br /></span><div style="text-align: left;"><span style="font-size:130%;"><br /></span><span style="font-weight: bold;"><span style="font-size:130%;">Codigo Negrita:</span><br /><br /></span><span><"b><br />este es un muy buen blog<br /><"/b><br /><br /></span><span style="font-weight: bold;"></span></div><div style="text-align: left;"><span style="font-weight: bold;"></span>indicacion que se veria asi:<br /><center><br /><div style="text-align: left;"><span style="font-weight: bold;">Este es un muy buen blog</span></div></center><br /><span><span><span style="font-weight: bold;"><span style="font-size:130%;">Codigo Kursiva:</span><br /><br /></span></span></span><span><span><"i><br />este es un muy buen blog<br /><"/i></span></span><br /><br /><span><span>indicacion que se veria asi:<br /><center style="font-style: italic;"><br /><div style="text-align: left;">Este es un muy buen blog</div> </center> </span></span><span style="font-size:130%;"><br /><span style="font-weight: bold;">Codigo Letras como Marquesina:</span><br /><span style="font-size:100%;"><br />Con este codgo los textos se moveran de izquierda a derecha, el codigo es el siguiente:<br /><br /><"marquee><br />Este es un muy buen Blog<br /><"/marquee><br /><br /><marquee></marquee></span></span><span style="font-size:130%;"><span style="font-weight: bold;font-size:100%;" >Codigo para Letras Parpadeantes:</span><span style="font-size:100%;"><br /></span><span style="font-size:100%;"><br />Con este codigo los textos presentaran un parpadeo, el codigo es el siguiente:<br /><br /></span><span style="font-size:100%;"><"blink><br />Este es un muy buen Blog<br /><"/blink><br /><br />Y el resultado sera:<br /><br /><blink><br />Este es un muy buen Blog<br /></blink></span><br /></span><span style="font-size:130%;"><span><span><span><span style="font-weight: bold;">Codigo salto de Linea:<br /></span></span></span></span></span><span><span><span><br />Este codigo nos permita decidir hasta donde llega una linea de texto, tiene la particularidad de no necesitar cierre, por tanto este comando se usa de la suiguiente manera.</span></span></span><br /><span><span><span><span><span style="font-weight: bold;"> </span></span></span><span><span><br />Puedo afirmar que<"br>este es un muy buen blog<br /></span></span><br /></span></span><span><span><span><span><span>Puedo afirmar que<br />este es un muy buen blog</span></span></span></span></span><br /><span><span><span style="font-size:130%;"><br /></span><span><span><span><span><span style="font-weight: bold;"><span style="font-size:130%;">Codigo salto de Linea Interespaciado:</span><br /><br /></span><span>Este codigo si necesita ser cerrado y se utliza de la siguiente manera: </span><span style="font-weight: bold;"><br /></span></span></span></span></span></span></span><span><span><span><span><br /></span></span></span></span><span><span><span><span><span>Puedo afirmar que</span></span></span></span></span><span><span><span><"p><"/p>este es un muy buen blog<br /><br /><br /></span></span></span><span><span><span><span><span><span><span>Puedo afirmar que</span></span></span></span></span><span><span><span><p></p>este es un muy buen blog</span></span></span></span></span><br /><span><span><span><span><span style="font-style: italic;font-size:130%;" ><br /></span></span></span></span></span><span><span><span><span><span><span><span><span style="font-weight: bold;"><span style="font-size:130%;">Codigo Incluion de Links:</span><br /><br /></span><span><"a<span style="color: rgb(255, 0, 0);">"</span> href=</span></span></span></span></span></span></span></span><span style=";font-family:arial;font-size:85%;" >"http://www.manualdelblog.blogspot.com">Ingresa al Mejor Blog<"/a"><br /><br /><a href="http://www.manualdelblog.blogspot.com/">Ingresa al Mejor Blog</a><span style="font-style: italic;"><br /><br /></span><span style="font-weight: bold;font-size:130%;" ><span style="font-family:times new roman;">Codigo Inclusion Imagenes:</span></span><span style="font-weight: bold;"><br /></span></span><br /></div></center></span></div><tt>Una imagen puede situarse coincidiendo con:<br /><br /></tt><tt><<span style="color: rgb(255, 0, 0);">"</span>IMG SRC="home.jpg" ALIGN="top"></tt><tt>La parte superior del texto <img style="width: 150px; height: 150px;" src="http://todoelenguaje.files.wordpress.com/2007/08/20060722231335-blog-1.jpg" align="top" /></tt><br /><tt><br /></tt><tt><<span style="color: rgb(255, 0, 0);">"</span>IMG SRC="home.jpg" ALIGN="middle"></tt><tt>Con la parte central <img style="width: 150px; height: 150px;" src="http://todoelenguaje.files.wordpress.com/2007/08/20060722231335-blog-1.jpg" align="middle" /></tt><br /><tt><br /><br /></tt><tt><<span style="color: rgb(255, 0, 0);">"</span>IMG SRC="home.jpg" ALIGN="bottom"></tt><tt>O con la inferior <img style="width: 150px; height: 150px;" src="http://todoelenguaje.files.wordpress.com/2007/08/20060722231335-blog-1.jpg" align="bottom" />.<br /><br /></tt>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8114425676320831144.post-20229828903286679502008-07-04T00:42:00.006-04:002008-07-09T18:54:53.671-04:00Personalizando el weblogAhora que ya hemos creado el blog procedemos a personalizarlo:<br /><div style="text-align: justify;"><br />Seleccionando la opción Personalizar en la barra superior, podemos ajustar parámetros del sitio, como: Elementos de Pagina, Fuentes y colores, Edición HTML, entre otros. Herramientas que nos servirán para mejorar el blog.<br /><br />Al presionar el botón personalizar llegaremos a una pantalla como esta:<br /></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX3E4PEwYRUlkKeR6Q0T1f6nqrxwuo34yCtidyXtoSByvJdN6bXzQqQe_lUXqpYZzW128PCuFnS4078Y006ezaea0glamumFYUd5aFoPNGcI58xefooA6wPUj5fKr3L2mxhAlFs6tx95k/s1600-h/capacitaciones.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 412px; height: 218px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX3E4PEwYRUlkKeR6Q0T1f6nqrxwuo34yCtidyXtoSByvJdN6bXzQqQe_lUXqpYZzW128PCuFnS4078Y006ezaea0glamumFYUd5aFoPNGcI58xefooA6wPUj5fKr3L2mxhAlFs6tx95k/s400/capacitaciones.jpg" alt="" id="BLOGGER_PHOTO_ID_5221141755922771074" border="0" /></a><br /><p class="MsoNormal" style="line-height: normal; text-align: justify;"><span style="" lang="ES-CL">Donde podemos modificar los siguientes ítems:<o:p></o:p></span></p><div style="text-align: justify;"> </div><ul style="text-align: justify;" type="disc"><li class="MsoNormal" style="line-height: normal;"><span style="" lang="ES-CL">Elementos de página: los que corresponden a los elementos ya existentes en nuestro blog.<span style=""> </span><o:p></o:p></span></li><li class="MsoNormal" style="line-height: normal;"><span style="" lang="ES-CL">Fuentes y Colores: Con esta opción podemos modificar tanto los colores y fuentes (tamaños y tipos) ya sea del color de fondo como de las letras, respectivamente.<o:p></o:p></span></li><li class="MsoNormal" style="line-height: normal;"><span style="" lang="ES-CL">Adición Html: Esta opción servirá para producir cambios globales del blog como lo es el cambia el tamaño de este, modificar la estructura, y agregar funciones que por defecto no están en blogger, como por ejemplo la herramienta leer mas. <o:p></o:p></span></li></ul> <p class="MsoNormal" style="text-align: justify; text-indent: 18pt; line-height: normal;"><span style="" lang="ES-CL">Ahora al presionar el botón configuración nos aparecerá la siguiente pantalla:</span></p><p class="MsoNormal" style="text-align: justify; text-indent: 18pt; line-height: normal;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAAERDYePJ5Ob_b1viFYjcFWbRjrWjVfxdLUWMlX96H62fGA1Mi4-8aeLwAYv35tE2LDNSNyLmtFupxMSHF1kJUTQMClyY3aEF9bsd_NglBrxu1df-WRiI21PJ6dN_AY9dtCmalN0CEHo/s1600-h/capacitacion2.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAAERDYePJ5Ob_b1viFYjcFWbRjrWjVfxdLUWMlX96H62fGA1Mi4-8aeLwAYv35tE2LDNSNyLmtFupxMSHF1kJUTQMClyY3aEF9bsd_NglBrxu1df-WRiI21PJ6dN_AY9dtCmalN0CEHo/s400/capacitacion2.jpg" alt="" id="BLOGGER_PHOTO_ID_5221143608110787010" border="0" /></a><br /><span style="" lang="ES-CL"><o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: normal;"><span style="" lang="ES-CL">Donde Podremos Modificar elementos como: el titulo del blog, la dirección web del blog, Formato de fecha y cantidad de entradas a mostrar, determinar quien puede leer e incluir los comentarios, el correo electrónico de quienes yo quiero que se enteren que se ha modificado el blog, además de por ultimo quien puede ser autor o lector de tu blog. <span style=""> </span><o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: normal;"><span style="" lang="ES-CL"><span style="font-size:100%;">Ahora revisaremos las distintas herramientas que nos entrega blogger para ir agregando elementos a nuestro blog y hacerlo mas atractivo. Para optar a estas herramientas debemos presionar la opción personalizar y nos aparecerá la siguiente pagina, donde debemos presionar “Añadir elemento de Pagina”</span><o:p></o:p></span></p> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDNDT7iugN5W_shkXZfnlqg7SDVDZMHvrD7xPF_yjGPvzYAIrg2FRupvDaFjctRMkDcQaftCKXQtpgm_X8viN5vIkI-o9u52MJ7jlmNc_Txq0TPzZlhSBJS6MDU1hHol1nRYvdniQa_WY/s1600-h/capacitacion3.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDNDT7iugN5W_shkXZfnlqg7SDVDZMHvrD7xPF_yjGPvzYAIrg2FRupvDaFjctRMkDcQaftCKXQtpgm_X8viN5vIkI-o9u52MJ7jlmNc_Txq0TPzZlhSBJS6MDU1hHol1nRYvdniQa_WY/s400/capacitacion3.jpg" alt="" id="BLOGGER_PHOTO_ID_5221144667075685634" border="0" /></a> <p class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Con lo cual se desplegara una ventana en la cual podremos elegir distintas opciones para ir mejorando nuestro blog de manera de que sea mas atractivo visualmente y a su vez mas útil. <o:p></o:p></span></p> <p class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" ><span style=""> </span>Entre las opciones que podremos elegir se hallan:<o:p></o:p></span></p> <ul type="disc"><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Presentación de Diapositivas.<o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Inclusión de encuestas.<o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Lista <o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Lista de Vínculos<o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Imagen <o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Adsense<o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Texto HTML/ Java svript<o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Feeds <o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Etiquetas<o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Actualidad<o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Barra de Video<o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Logotipo<o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Perfil<o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Archivo del Blog<o:p></o:p></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Cabecera de Pagina<o:p></o:p></span></li></ul> <p class="MsoNormal" style="margin-left: 18pt; text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >La ventana que se despliega será la siguiente:<o:p></o:p></span></p> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_E0XljUJQQQvA-iC_1J0ifDlU0ODt6HWxQFIBO5A5mQ-GUN9siyl_vUtP0uO-GWDILnE7zn1FRu0wz4D2BWvPV5_BE2Z-L9YoL6j8V4EkOeT5DTKQZ1yIUeqt26WmIHv8gnQV6vzWhmE/s1600-h/cap4.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_E0XljUJQQQvA-iC_1J0ifDlU0ODt6HWxQFIBO5A5mQ-GUN9siyl_vUtP0uO-GWDILnE7zn1FRu0wz4D2BWvPV5_BE2Z-L9YoL6j8V4EkOeT5DTKQZ1yIUeqt26WmIHv8gnQV6vzWhmE/s400/cap4.jpg" alt="" id="BLOGGER_PHOTO_ID_5221147114893086258" border="0" /></a> <p class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; line-height: normal;"><span style="font-size:100%;"><b style=""><span style=";font-family:";" lang="ES-CL">Siendo los más importantes</span></b><b style=""><span style=";font-family:";" lang="ES-CL">: <o:p></o:p></span></b></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 92.25pt; text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" ><o:p> </o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 110.25pt; text-align: justify; text-indent: -18pt; line-height: normal;"><!--[if !supportLists]--><span style=";font-family:";font-size:100%;" lang="ES-CL" ><span style="">1.<span style=";font-family:";" > </span></span></span><!--[endif]--><span style=";font-family:";font-size:100%;" lang="ES-CL" >inclusión de encuestas <o:p></o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 110.25pt; text-align: justify; text-indent: -18pt; line-height: normal;"><!--[if !supportLists]--><span style=";font-family:";font-size:100%;" lang="ES-CL" ><span style="">2.<span style=";font-family:";" > </span></span></span><!--[endif]--><span style=";font-family:";font-size:100%;" lang="ES-CL" >inclusión de links<o:p></o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 110.25pt; text-align: justify; text-indent: -18pt; line-height: normal;"><!--[if !supportLists]--><span style=";font-family:";font-size:100%;" lang="ES-CL" ><span style="">3.<span style=";font-family:";" > </span></span></span><!--[endif]--><span style=";font-family:";font-size:100%;" lang="ES-CL" >inclusión de imágenes<o:p></o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 110.25pt; text-align: justify; text-indent: -18pt; line-height: normal;"><!--[if !supportLists]--><span style=";font-family:";font-size:100%;" lang="ES-CL" ><span style="">4.<span style=";font-family:";" > </span></span></span><!--[endif]--><span style=";font-family:";font-size:100%;" lang="ES-CL" >inclusión de texto<o:p></o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 110.25pt; text-align: justify; text-indent: -18pt; line-height: normal;"><!--[if !supportLists]--><span style=";font-family:";font-size:100%;" lang="ES-CL" ><span style="">5.<span style=";font-family:";" > </span></span></span><!--[endif]--><span style=";font-family:";font-size:100%;" lang="ES-CL" >inclusión de feeds<o:p></o:p></span></p> <p class="MsoNormal" style="margin: 0cm 0cm 0.0001pt 110.25pt; text-align: justify; text-indent: -18pt; line-height: normal;"><!--[if !supportLists]--><span style=";font-family:";font-size:100%;" lang="ES-CL" ><span style="">6.<span style=";font-family:";" > </span></span></span><!--[endif]--><span style=";font-family:";font-size:12;" lang="ES-CL" ><span style="font-size:100%;">Inclusión de codigos html.</span><o:p></o:p></span></p><br /><div style="text-align: justify;">Para incluir cada una de las opciones anteriores se debe presianar la opcion "Añadir al Blog", complatar la inormacion rquerida por ejemplo para inlusion de:"Lista de Vinculos" debemos poner lo siguiente:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1p6KWBzKTZBej7-doZAn6y7znNbcSzePIU9MuHKeA7BPBoN7RUTym8g4xxeMi_aaKQwXut6pZ8cOpcr3Dwp2YqL_U3Or9uG_iwB9VRFCmThyphenhyphenYjKAcSJDBQwEt2QM6GTtaD9xPFEj8X88/s1600-h/cap5.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1p6KWBzKTZBej7-doZAn6y7znNbcSzePIU9MuHKeA7BPBoN7RUTym8g4xxeMi_aaKQwXut6pZ8cOpcr3Dwp2YqL_U3Or9uG_iwB9VRFCmThyphenhyphenYjKAcSJDBQwEt2QM6GTtaD9xPFEj8X88/s400/cap5.jpg" alt="" id="BLOGGER_PHOTO_ID_5221150982720183650" border="0" /></a><br />Al haber termiando de incluir los links necesarios presionamos guardar y ya se habra insertado esta nueva seccion en nuestro blog. De la misma manera se procedera para añadir los otros elementos de pagina existentes.<br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8114425676320831144.post-43724907994466555952008-07-04T00:41:00.007-04:002008-07-11T23:32:34.602-04:00Como Modificar Tamaño de Cabecera y Barra Lateralun blog esta constituido por varias secciones pero principalmente son 3 las mas importantes:<br /><ul><li>Header(Cabecera)</li><li>Main Wrapper(Seccion de Posteo)<br /></li><li>Side Bar(Barra Lateral)</li></ul>las cuales por definicion tiene un tamaño determinado el cual puede ser modificado generando correcciones en el codigo html de la palntilla.<br /><br />para lo cual deberemos presionar el boton personalizar, Diseño, edicion de Html, estando en esta seccion deberemos ubicar el siguiente codigo:<br /><br />/* Outer-Wrapper<br />----------------------------------------------- */<br /><span style="color: rgb(255, 0, 0); font-weight: bold;font-size:85%;" >Siquieres modificar el tamaño de la cabecera debes modifica el valor correspondiente a </span>width: 750px; <span style="font-weight: bold; color: rgb(255, 0, 0);">por los pixeles que estimes convenientes.</span><br /><br />#outer-wrapper {<br /> width: 750px; <span style="color: rgb(255, 0, 0); font-weight: bold;font-size:85%;" ></span><br /> margin:0 auto;<br /> padding:10px;<br /> text-align:left;<br /> font: $bodyfont;<br /> }<br /><br /><span style="color: rgb(255, 0, 0); font-weight: bold;font-size:85%;" >Siquieres modificar el tamaño del sector de posteo deberas modifica el valor correspondiente a </span>width: 500px; <span style="font-weight: bold; color: rgb(255, 0, 0);"><span style="font-size:85%;">por los pixeles que estimes convenientes.</span><br /><br /></span>#main-wrapper {<br /> width: 500px;<br /> float: left;<br /> word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br /> overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br /> }<br /><br /><span style="color: rgb(255, 0, 0); font-weight: bold;font-size:85%;" >Siquieres modificar el tamaño de la barra lñaterl deberas modifica el valor correspondiente a </span>width: 220px;<span style="font-size:85%;"> <span style="font-weight: bold; color: rgb(255, 0, 0);">por los pixeles que estimes convenientes.</span></span><br /><br />#sidebar-wrapper {<br /> width: 220px;<br /> float: right;<br /> word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br /> overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />}<br /><br />se debe tener en cuenta que la suma del ancho de la barra lateral y de la seccion de posteo no debe superar el tamaño de la cabecera, ademas se sugiere que ambos sumen 30 px(pixeles menos que el tamaño predetermiando para el ancho de la cabecera)Unknownnoreply@blogger.com9tag:blogger.com,1999:blog-8114425676320831144.post-27462269261545087742008-07-04T00:40:00.003-04:002008-07-11T23:16:02.315-04:00Inclusión de ContadoresTodo aquel que se decida a iniciar la escritura de un blog, suponemos, tiene algo que contar al resto del mundo y tratara de generar a su vez el mayor impacto posible, por tanto querra saber tambien cuantas personas han visitado su blog en el ultimo tiempo, dia, semana, etc. Para esto se debe agregar al blog un contador. Para agregar un contador deberemos seguir cada uno de estos pasos:<br /><br />Dirigirnos a algun sitio donde podamos encontrar un contador, para lo cual te proponemos el portal de <a href="http://www.histats.com/">www.histats.com</a>, en este deberas registrarte como usuaria e ingresar los datos pedidos, para despues poder elegir el contador que mas te parezca, te recomendamos que elijas uno que cuente tanto "visitantes hoy" como numerode hits, los que corresponden a reingresos y no nuevas visitas, asi podras conocer el trafico real de tu blog.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjziwRt4S6BJ3vODmvoAP1lp9-XclVIjOE_jsOdZoN8DJbBBq9voQqdVJ-VnyC2B6w00Ywlh_1avNL234T4KM-4bRrNPuH08L2DN5A0hGtXZqbp-58omeOLp26fHIYQYcvTd7xssHzyrE/s1600-h/cap8.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjziwRt4S6BJ3vODmvoAP1lp9-XclVIjOE_jsOdZoN8DJbBBq9voQqdVJ-VnyC2B6w00Ywlh_1avNL234T4KM-4bRrNPuH08L2DN5A0hGtXZqbp-58omeOLp26fHIYQYcvTd7xssHzyrE/s400/cap8.jpg" alt="" id="BLOGGER_PHOTO_ID_5221950948408918434" border="0" /></a><br />En caso de ya poseer un blog o pagina web deberas presionar <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW7C8mg7LE0INaukYn-llHJJQdnZ4t1FCKSHxaqXMpwQUvAFO6iUTAh9i9OrL7YD7X1TmaldjNcAKyl2nO7F2zbK1f5b7D1IlwoBJiZTw8Tk4T49-fQTv1FS66YbzpQRf6bHk6SIkm34g/s1600-h/cap9.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW7C8mg7LE0INaukYn-llHJJQdnZ4t1FCKSHxaqXMpwQUvAFO6iUTAh9i9OrL7YD7X1TmaldjNcAKyl2nO7F2zbK1f5b7D1IlwoBJiZTw8Tk4T49-fQTv1FS66YbzpQRf6bHk6SIkm34g/s400/cap9.jpg" alt="" id="BLOGGER_PHOTO_ID_5221952405318616962" border="0" /></a> e inlcuir los datos requeridos:<br /><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjehZoXyNNe7ItFYMn01kMv3-7MQn7TgZUDvvDxCfDlA6PWnWfSTCZEBV6CHGDWvsT9F28G5CS2o8gMIrHCrHHPLuX1lSXcboNxIbHDIE-TEQQea6j4ydiVfroifpVVcEJwIPpkXHwMXcM/s1600-h/cap10.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjehZoXyNNe7ItFYMn01kMv3-7MQn7TgZUDvvDxCfDlA6PWnWfSTCZEBV6CHGDWvsT9F28G5CS2o8gMIrHCrHHPLuX1lSXcboNxIbHDIE-TEQQea6j4ydiVfroifpVVcEJwIPpkXHwMXcM/s400/cap10.jpg" alt="" id="BLOGGER_PHOTO_ID_5221954111381280210" border="0" /></a><br /></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Habiendo ingresado estos datos debemos presionar continuar lo que nos llevara a una nueva pagina donde debremos elegir el tipo de contador seleccionado y presionar la opcion:<br /></div><br /><div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi79r1KINAObBOmfo9_DOc6hNxY6azWWBp7Vzg2kbP6VPtIbL1voia4mmAX5Y9cOVerZsaNVTjbkL6ygi4NT6v2mrDXrZX8295YQsCNe1YhR_70yZfnoM-vMPENr7bXi9_8np8jIzTgSws/s1600-h/cap11.jpg"><img style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi79r1KINAObBOmfo9_DOc6hNxY6azWWBp7Vzg2kbP6VPtIbL1voia4mmAX5Y9cOVerZsaNVTjbkL6ygi4NT6v2mrDXrZX8295YQsCNe1YhR_70yZfnoM-vMPENr7bXi9_8np8jIzTgSws/s400/cap11.jpg" alt="" id="BLOGGER_PHOTO_ID_5221954806679790882" border="0" /></a><br /></div><div style="text-align: justify;">y elegir el contador que mas nos parezca, segun nuestras necesidades:<br /></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_1RndLx32skIVx1Eu1YLmoC-xxydNj6sK4v1LA5oCmGvNhWcgxJg7qhzlajGbG8UQhw3LltRpSjR7hNZbY3lLz39K03DP3lG6N-kQQPtrGoSe-0S7AGHCOCaZmVOZBmjwlI43yZqFS7o/s1600-h/cap12.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_1RndLx32skIVx1Eu1YLmoC-xxydNj6sK4v1LA5oCmGvNhWcgxJg7qhzlajGbG8UQhw3LltRpSjR7hNZbY3lLz39K03DP3lG6N-kQQPtrGoSe-0S7AGHCOCaZmVOZBmjwlI43yZqFS7o/s400/cap12.jpg" alt="" id="BLOGGER_PHOTO_ID_5221956039578895426" border="0" /></a><br /><div style="text-align: justify;">despues de haber seleccionado nuestro contador dbemos presionar continuar, lo que hara aparecer la siguiente pantalla.<br /></div><br /><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqsDJwyzPZkDPMfvuABt_hkEIrci0zHhx0o9LoLDPuqitx0rC8ZppNBotQUpQBtujF6_nXbnOifaabqs-Q210Rm_7Zv7qgGgAdZNoLL4SkjrcxOQBJQ-NiLkqiZzI_KdCbwv0_UPYEbyc/s1600-h/cap13.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqsDJwyzPZkDPMfvuABt_hkEIrci0zHhx0o9LoLDPuqitx0rC8ZppNBotQUpQBtujF6_nXbnOifaabqs-Q210Rm_7Zv7qgGgAdZNoLL4SkjrcxOQBJQ-NiLkqiZzI_KdCbwv0_UPYEbyc/s400/cap13.jpg" alt="" id="BLOGGER_PHOTO_ID_5221956169180803730" border="0" /></a>Presionamos continuar por ultima vez y llegaremos a:<br /></div><br /><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWODaw9z2MrmpFTghHq5I4T_eFP8RswnCrncClcQOn1rpg-O8AqNb-DyfdtWgIEDOXyEsr_fPu9N2NkhImYG9aXBElgeyZRICVB6SOXKJ5W35KeZjLLP25RSOlMFfSxHpzgSWP3ekfIhE/s1600-h/cap14.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWODaw9z2MrmpFTghHq5I4T_eFP8RswnCrncClcQOn1rpg-O8AqNb-DyfdtWgIEDOXyEsr_fPu9N2NkhImYG9aXBElgeyZRICVB6SOXKJ5W35KeZjLLP25RSOlMFfSxHpzgSWP3ekfIhE/s400/cap14.jpg" alt="" id="BLOGGER_PHOTO_ID_5221956618348541010" border="0" /></a><br />de donde deberemos copiar el codigo entregado dirigirnos a nuestro blog, presionar la opcion ubicada en la parte superior derecha que dice <span style="font-weight: bold;">personalizar</span><span> y presionar añadir elemento de pagina cdigo HTML/java script. En la ventana que se desplegara deberemos pegar el codigo y presionar el boton guardar.<br /><br />Ademas de la direccion anterior aca se agregan otras paginas opcionales:<br /><br /></span><ul><li><a href="http://whos.amung.us/">whos</a></li><li><a href="http://www.freehitcounters.net/">free hit counters</a></li><li><a href="http://www.free-counter.com/">free counter</a></li><li><a href="http://www.pro-counter.com/signup.htm">pro counter</a></li><li><a href="http://www.solorecursos.com/blog-recursos/contadores.htm">+ contadores</a><br /></li></ul></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8114425676320831144.post-12112402513888386442008-07-04T00:39:00.002-04:002008-07-11T22:18:12.644-04:00Inclusión Videos en Post y en la Barra Lateral<span style="font-size:100%;"><b style=""><span style=";font-family:";" lang="ES-CL">El poner videos desde youtube en tu blog es extremadamente sencillo, los pasos son los siguientes:<br /><br /><o:p></o:p></span></b></span> <ul style="margin-top: 0cm;" type="disc"><ol style="margin-top: 0cm;" start="1" type="1"><li class="MsoNormal" style="line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Anda a <a href="http://www.yotube.com/"><b style="">www.yotube.com</b></a> y en search o buscar pon el nombre de video que quieras hallar.</span><span style="font-size:100%;"><b style=""><span style=";font-family:";" lang="ES-CL"><o:p></o:p></span></b></span></li><li class="MsoNormal" style="line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Si pones shrek 2, veras la siguiente pantalla. Ahora debes buscar donde esta el código Embed y copiarlo.</span><span style="font-size:100%;"><b style=""><span style=";font-family:";" lang="ES-CL"><o:p></o:p></span></b></span></li><li class="MsoNormal" style="line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Habiendo hecho esto vas a tu blog y en post o nueva entrada, presionas el boton html y pegas el código anteriormente copiado. </span><span style="font-size:100%;"><b style=""><span style=";font-family:";" lang="ES-CL"><o:p></o:p></span></b></span></li><li class="MsoNormal" style="line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Ahora presionas publicar, ver blog y ya habrás puesto un video en tu blog</span></li></ol></ul><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi82HQM3TB50D7S6nVv-zy6aNLfCVOcjUUpA-0w0OBhN4xaqaI091TN1njx6EWsmhzVbh97hT1WC7fI5OZrA5ZVZAGC3xrxouc1RC1Y-qWy7ruG6ka2j4-Zr84PLBqE-oIk-j1fr0mas6M/s1600-h/capacitacion6.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi82HQM3TB50D7S6nVv-zy6aNLfCVOcjUUpA-0w0OBhN4xaqaI091TN1njx6EWsmhzVbh97hT1WC7fI5OZrA5ZVZAGC3xrxouc1RC1Y-qWy7ruG6ka2j4-Zr84PLBqE-oIk-j1fr0mas6M/s400/capacitacion6.jpg" alt="" id="BLOGGER_PHOTO_ID_5221944685314495778" border="0" /></a><span style="font-size:100%;"><br /><b style=""><span style=";font-family:";" lang="ES-CL">Como Poner Videos de Youtube en la Barra Lateral de tu Blog: <o:p></o:p></span></b></span><p class="MsoNormal" style="margin-left: 39.35pt; text-indent: -18pt; line-height: normal;"><!--[endif]--></p> <p class="MsoNormal" style="line-height: normal;"><span style="font-size:100%;"><b style=""><span style=";font-family:";" lang="ES-CL">El poner videos desde youtube en tu blog es extremadamente sencillo, los pasos son los siguientes:<o:p></o:p></span></b></span></p> <ul style="margin-top: 0cm;" type="disc"><ol style="margin-top: 0cm;" start="1" type="1"><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Anda a <a href="http://www.yotube.com/"><b style="">www.yotube.com</b></a> y en search o buscar pon el nombre de video que quieras hallar.</span><span style="font-size:100%;"><b style=""><span style=";font-family:";" lang="ES-CL"><o:p></o:p></span></b></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Si pones shrek 2, veras la siguiente pantalla. Ahora debes buscar donde esta el código Embed y copiarlo.</span><span style="font-size:100%;"><b style=""><span style=";font-family:";" lang="ES-CL"><o:p></o:p></span></b></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Habiendo hecho esto vas a tu blog y presionas personalizar.</span><span style="font-size:100%;"><b style=""><span style=";font-family:";" lang="ES-CL"><o:p></o:p></span></b></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >En la opción diseño presionas añadir elemento de pagina y escoges la opcion HTML/Javascript.</span><span style="font-size:100%;"><b style=""><span style=";font-family:";" lang="ES-CL"><o:p></o:p></span></b></span></li><li class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=";font-family:";font-size:100%;" lang="ES-CL" >Cuando se habra la ventana debes pegar el código Embed, pero debes modificar las dimensiones width="425" height="355” por width="220" height="220”, habiendo hecho esto preionas guardar cambios y ya habrás incluido el video en la barra lateral</span><span style="font-size:100%;"><b style=""><span style=";font-family:";" lang="ES-CL"><o:p></o:p></span></b></span></li></ol></ul> <!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600" spt="75" preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"> <v:stroke joinstyle="miter"> <v:formulas> <v:f eqn="if lineDrawn pixelLineWidth 0"> <v:f eqn="sum @0 1 0"> <v:f eqn="sum 0 0 @1"> <v:f eqn="prod @2 1 2"> <v:f eqn="prod @3 21600 pixelWidth"> <v:f eqn="prod @3 21600 pixelHeight"> <v:f eqn="sum @0 0 1"> <v:f eqn="prod @6 1 2"> <v:f eqn="prod @7 21600 pixelWidth"> <v:f eqn="sum @8 21600 0"> <v:f eqn="prod @7 21600 pixelHeight"> <v:f eqn="sum @10 21600 0"> </v:formulas> <v:path extrusionok="f" gradientshapeok="t" connecttype="rect"> <o:lock ext="edit" aspectratio="t"> </v:shapetype><v:shape id="_x0000_s1026" type="#_x0000_t75" style="'position:absolute;" wrapcoords="-77 0 -77 21554 21600 21554 21600 0 -77 0"> <v:imagedata src="file:///C:\DOCUME~1\JOSELU~1\CONFIG~1\Temp\msohtml1\01\clip_image001.png" title="video columna"> <w:wrap type="tight"> </v:shape><![endif]--><!--[if !vml]--><!--[endif]--><span style="line-height: 115%;font-family:";font-size:100%;" lang="ES-CL" >para finalizar presionas guardar y ver blog. Y Veras lo siguiente:<br /><br /></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigw0V7DVaF1fPzxZi2_xjTTRrnvVUoQ-qFdoe0RHoHeJ5yCnz7Aqy326Wp8efR-6P5uxW0ycSB-6hYs0nHk6wTKExN4GU3VD1tGB8NqYmYqBwgJH9gsSCL38FkNBGYFvrpWPQzfupg9JU/s1600-h/cap7.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigw0V7DVaF1fPzxZi2_xjTTRrnvVUoQ-qFdoe0RHoHeJ5yCnz7Aqy326Wp8efR-6P5uxW0ycSB-6hYs0nHk6wTKExN4GU3VD1tGB8NqYmYqBwgJH9gsSCL38FkNBGYFvrpWPQzfupg9JU/s400/cap7.jpg" alt="" id="BLOGGER_PHOTO_ID_5221945895035266578" border="0" /></a><br /><span style="line-height: 115%;font-family:";font-size:100%;" lang="ES-CL" ><br /><br /></span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8114425676320831144.post-78602707215525703432008-07-04T00:38:00.004-04:002008-07-11T23:58:43.921-04:00Inclusión y Mejoramiento de Links en el Blog<div style="text-align: justify;">para incluir links en el blog existen dos opciones, la primera es utlizar la herramienta de hipervinculo que posea la seccion de post representada por una cadena <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbgYFv6UaUhL1H8KZYQP87ZQBE0x5Qtev1WGrCbWpE7c_TEYHIfSBgKUBUJYyU3vcAd4tgccEJT7FLlUYmZF9DY0BtVsggv_mKTKNwXHPsvXJsYxL96iAu1heTLLE1_XHCN5nCREImYcM/s1600-h/cap+15.jpg"><img style="cursor: pointer; width: 36px; height: 33px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbgYFv6UaUhL1H8KZYQP87ZQBE0x5Qtev1WGrCbWpE7c_TEYHIfSBgKUBUJYyU3vcAd4tgccEJT7FLlUYmZF9DY0BtVsggv_mKTKNwXHPsvXJsYxL96iAu1heTLLE1_XHCN5nCREImYcM/s400/cap+15.jpg" alt="" id="BLOGGER_PHOTO_ID_5221966159878790402" border="0" /></a> o la otra es ingresar el codigo correspondiente para utilizar la opcion de blogger debemos escribir la palabra que queremos sea nuestro link por ejemplo:<br /><br /><div style="text-align: center;"><a href="http://www.concursodeblogutfsm.blogspot.com/">LINK</a><br /><br /><div style="text-align: justify;">Cubrirla con el cursor y presionar el icono de la cadena con lo cual nos aparece un cuadro donde deberemos ingresar la direccion del link a utilizar para posteriormente presionar Aceptar.<br /><br /><br /></div></div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz_LYrgNxiaMFCaRlneKA4N0tcdMM_WSuEpA7okhQQ30v5ZByIYW1cRpZBTDb5WcJ9cb0QtADNTduVZCc0zqIt0YvcVViFz8KQ8LO4uLmogzMOfdplCGcJbGUzzVO3DTq5HKEb0n8X1VQ/s1600-h/cap15.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz_LYrgNxiaMFCaRlneKA4N0tcdMM_WSuEpA7okhQQ30v5ZByIYW1cRpZBTDb5WcJ9cb0QtADNTduVZCc0zqIt0YvcVViFz8KQ8LO4uLmogzMOfdplCGcJbGUzzVO3DTq5HKEb0n8X1VQ/s400/cap15.jpg" alt="" id="BLOGGER_PHOTO_ID_5221967480560134434" border="0" /></a><br />Habiendo hecho esto, habremos transformado la palabra seleccionada en un link.<br /><br />la otra opcion es ingresar en la seccion de escritura HTML el siguiente Codigo:<br /><br /><div style="text-align: left;"><"a href=http://www.concursodeblogutfsm.blogspot.com>El mejor Concurso de Colegios<"/a><br /></div><br /><div style="text-align: left;">con lo cual nos aparecera el siguiente link <a href="http://www.concursodeblogutfsm.blogspot.com/">El mejor Concurso</a><br /><br />Si ahora lo que queires es hacer un link con una imagen debes utilizar el siguiente codigo.<br /><br /> <"a href="url del sitio" target="_top"><"img src="url de la imagen" alt="Nomre de la Imagen" width="468" height="60" border="1"><"/a><br /><br />Por ejemplo este link nos llevaria a:<br /><br /><center><a href="www.usm.cl" target="_top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjolJgEmNz03yAohG-C8oVSRp2SPI8SNGwo7tuaDao-agXJ4nOYo5m9cpRa5htrgRTmlOlw5DWrmQ-qghy4iKDGoI8mzDKYPbphdtAKC7EGVqYB7Y7neEtbP6re5PASbP5kHj3o2tGnxvw/s200/UTFSM.jpg" alt="Universida Tecnica Federico Santa Maria" width="300" height="60" border="1" /></a></center><br /><br /><br /></div><br /><br /><br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8114425676320831144.post-34631522451258513592008-07-04T00:37:00.003-04:002008-07-25T19:40:51.345-04:00Inclusión de Buscadores en el Blog<div style="text-align: justify;"><span style="font-family:verdana;">En uno de los mails que últimamente estoy recibiendo se me preguntaba por la posibilidad de insertar en <a href="http://www.blogger.com/">blogger</a> un buscador para los contenidos del blog que se adaptase completamente a lo que es la interfaz blogspot. </span></div><div style="text-align: justify;"><span style="font-family:verdana;"><p>A diferencia de <a href="http://www.wordpress.com/">wordpress</a>, en <a href="http://www.blogger.com/">blogger</a> no se ofrecen otro tipo de plataformas</p> <p>De entrada me pareció complicado conseguir hacerlo pero tras buscar, descubrí la página de <a href="http://vlan7.blogspot.com/">vlan7</a>, en la que explica una manera muy sencilla y que yo mismo he decidido implementar en mi blog, ya que puede ser un complemento para las etiquetas para todos los visitantes.</p></span></div><span style="font-family:verdana;"> </span><div style="text-align: justify;"><span style="font-family:verdana;"><p>Para insertar el buscador hemos de hacer lo siguiente:</p></span><span style="font-family:verdana;"><p>1. Ir a la pestaña diseño del blog, y seleccionar la subpestaña “Elementos de página”.</p></span><span style="font-family:verdana;"><p>2. Pulsar “Añadir nuevo elemento”, y seleccionamos “HTML/JavaScript”. En mi caso yo no he puesto ningún título.</p></span><span style="font-family:verdana;"><p>3. Copiar el siguiente código, sin las Comillas de color Rojo.<br /></p></span><span style="font-family: verdana;"><code><<span style="font-size:180%;"><span style="color: rgb(255, 0, 0);">"</span></span>form id="searchthis" action="/search" style="display:inline;" method="get"></code></span><br /><div style="text-align: left;"><span style="font-family: verdana;"><code><<span style="font-size:180%;"><span style="color: rgb(255, 0, 0);">"</span></span>input id="search-box" name="q" type="text"/></code></span><br /><span style="font-family: verdana;"><code><<span style="font-size:180%;"><span style="color: rgb(255, 0, 0);">"</span></span>input id="search-btn" value="Buscar" type="submit"/></code></span><br /><span style="font-family: verdana;"><code><<span style="font-size:180%;"><span style="color: rgb(255, 0, 0);">"</span></span>/form></code></span><br /><span style="font-family: verdana;"><code></code></span></div> <span style="font-family: verdana;"></span><br /></div><div style="text-align: justify;"><span style="font-family:verdana;">4. Guardar los cambios y hacer alguna pequeña prueba para observar que todo funciona bien.</span></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8114425676320831144.post-35009269143520719622008-07-04T00:36:00.004-04:002008-07-13T05:07:27.482-04:00Como Modificar el Fondo de tu blog:<div style="text-align: justify;"><span style="">Para cambiar el color de fondo de tu blog, debes acceder a las opciones referentes a la plantilla</span><span style=""> </span><span style="">en tu panel de control, es decir opcion "personalizar" y entrar en la edición HTML de la misma. A continuación, solamente será necesario modificar el valor “#ffffff” de la etiqueta “background” del siguiente bloque de código CSS, correspondiente al color que quieras de fondo:<o:p></o:p></span></div> <p class="MsoNormal" style="line-height: normal;"><span style="" lang="EN-GB">body {<br />background: <b>#ffffff</b> url<b>(imagen de fondo</b>) top center repeat-y;<br />margin: 0;<br />padding: 0;<br />border: 0;<br />text-align: center;<br />color: $mainTextColor;<br />font-size: small;<br />}<o:p></o:p></span></p> <p class="MsoNormal" style="line-height: normal; text-align: justify;"><span style="">Si la plantilla tiene asignada una imagen de fondo predeterminada, tendrás que eliminarla para que no se interponga a el color de fondo que hayas elegido.<o:p></o:p></span></p><div style="text-align: justify;"> </div><p class="MsoNormal" style="line-height: normal; text-align: justify;"><span style="font-size:100%;"><b><span style="">Insertar una imagen de fondo:<o:p></o:p></span></b></span></p> <p class="MsoNormal" style="text-indent: 35.4pt; line-height: normal; text-align: justify;"><span style="">Por el contrario, si lo que se pretende es insertar una imagen para que aparezca como fondo del blog, has de colocar la dirección http del sitio donde tengas alojada la imagen correspondiente dentro del paréntesis (”imagen de fondo”) de la misma etiqueta “background”, señalado en negrita en el código anterior.<o:p></o:p></span></p><div style="text-align: justify;"> </div><p class="MsoNormal" style="text-indent: 35.4pt; line-height: normal; text-align: justify;"><span style="">Los atributos siguientes, “top center” hacen referencia a la posición de la imagen y “repeat” nos indica que la imagen se repetirá indefinidamente cubriendo así todo el fondo del blog.</span></p><br /><p class="MsoNormal" style="text-indent: 35.4pt; line-height: normal; text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiGhTbwso0NRkbuw9_z6pQLMsIq7VFqp8smuPwaARF2VzFH3_UNk9Gz3ji08MPkfqKsr-a9Qxdf5ySIDfDe4b3IG-tutJMytqtolV629O4_GJVXwhrX9wzIFDb_m8E2bv8abzEQDjZmjU/s1600-h/cap23.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiGhTbwso0NRkbuw9_z6pQLMsIq7VFqp8smuPwaARF2VzFH3_UNk9Gz3ji08MPkfqKsr-a9Qxdf5ySIDfDe4b3IG-tutJMytqtolV629O4_GJVXwhrX9wzIFDb_m8E2bv8abzEQDjZmjU/s400/cap23.jpg" alt="" id="BLOGGER_PHOTO_ID_5222034536046476770" border="0" /></a></p> <p class="MsoNormal" style="text-align: justify; line-height: normal;"><span style="font-size:100%;"><b><span style="">Recomendaciones:</span></b></span></p><p class="MsoNormal" style="text-align: justify; line-height: normal;"><span style=""><span style="font-size:100%;">También cabe la posibilidad de utilizar una imagen de fondo con las mismas dimensiones que las del blog, sin que sea necesario por tanto utilizar el atributo “repeat” para rellenar el fondo del blog. Aunque es aconsejable reducir al máximo el tamaño y las dimensiones de la imagen para evitar que aumente el tiempo de carga de la página. Por ello, es preferible insertar una imagen de menor volumen y valerse del atributo “repeat” para mantener la armonía y el diseño del blog.</span><o:p></o:p></span></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8114425676320831144.post-20251082717435162672008-07-04T00:35:00.004-04:002008-07-12T03:56:42.392-04:00Como Subir Archivos Desde la RedSupongo que te preguntarás si además de incluir Videos, Textos e Imagenes a tu Blog podrás subir archivos descargables, es decir, textos, películas, videos, música, etc. Y la respuesta nuevamente es SI, si se pueden subir y descargar archivos desde la web. Aca te enseñaremos como utilizar dos de los programas mas masivos de la web:<br /><br /><span style="font-weight: bold;">Como subir Archivos a Rapidshare:</span><br /><br /><div style="text-align: justify;">Lo primero que debemos hacer es dirigirnos a <a href="http://www.rapidshare.com/">www.rapidshare.com</a> nos aparecera la siguiente pantalla:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdaUxK4P1mh6vFxV-tAE11O5Bc-2YqDJoir3pXN3LVSeGV-0BQ75XTery5oVAxgClnYfN8RmSW49CIW2Y3f68qq5oabCid9zQTRnDYt3UGQJbXMdxvgmgUTtl3w34O0qX3stuwbOaFjvM/s1600-h/cap16.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdaUxK4P1mh6vFxV-tAE11O5Bc-2YqDJoir3pXN3LVSeGV-0BQ75XTery5oVAxgClnYfN8RmSW49CIW2Y3f68qq5oabCid9zQTRnDYt3UGQJbXMdxvgmgUTtl3w34O0qX3stuwbOaFjvM/s400/cap16.jpg" alt="" id="BLOGGER_PHOTO_ID_5222020511515746578" border="0" /></a>En esta pagina deberemos presionar la opcion examinar para asi buscar en nuestro computador el archivo que queramos compartir :<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrwgs5BAb0BY8QcaSfMm1Y3GTut4JAu1HSgPwKX3apONrCJvGnoIPALRkeqM9E_rLKcxksXnUwl3Ql2K1ZfePVQtYFmVvImfDJVsx0IWRaInRh7UTeox6f7rcZywv7RECJiTF-T0rRRpM/s1600-h/cap17.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrwgs5BAb0BY8QcaSfMm1Y3GTut4JAu1HSgPwKX3apONrCJvGnoIPALRkeqM9E_rLKcxksXnUwl3Ql2K1ZfePVQtYFmVvImfDJVsx0IWRaInRh7UTeox6f7rcZywv7RECJiTF-T0rRRpM/s400/cap17.jpg" alt="" id="BLOGGER_PHOTO_ID_5222022448372688242" border="0" /></a>Despues de haber seleccionado el archivo de interes deberemos presionar el boton Upload y se comenzara a subir nuestro archivo:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Y9EasGC1HKnvikUa60PvU1ctQRPbO2L3wyrWWw0cyyQngWBT-uRF_FMYvZxJm-Gv8467h2qwg1aQGaKxxzc_GDKXDhS6b-J87ZUOyxUJq34XNg7oaeUtPCzi_rnDYb32kjsjY3NfBis/s1600-h/cap18.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Y9EasGC1HKnvikUa60PvU1ctQRPbO2L3wyrWWw0cyyQngWBT-uRF_FMYvZxJm-Gv8467h2qwg1aQGaKxxzc_GDKXDhS6b-J87ZUOyxUJq34XNg7oaeUtPCzi_rnDYb32kjsjY3NfBis/s400/cap18.jpg" alt="" id="BLOGGER_PHOTO_ID_5222022997729462322" border="0" /></a><br />Cuando el portal ha terminado de subir el archivo seleccionado nos aparecera una ventana que indique lo siguiente:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy8yJ365VNuIEmFh8g6WSg6IY1CS-Lq9qAHAXDanfUCJg5uxtQBsEZvHBOoN8aedmm4xWCigO2HRnBlh7R8cMgyk9trVdEUymR1C_tAI6T1qnHmb3su8t_ubO1D7CzGqUI5G_nPl7xyo/s1600-h/cap19.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioy8yJ365VNuIEmFh8g6WSg6IY1CS-Lq9qAHAXDanfUCJg5uxtQBsEZvHBOoN8aedmm4xWCigO2HRnBlh7R8cMgyk9trVdEUymR1C_tAI6T1qnHmb3su8t_ubO1D7CzGqUI5G_nPl7xyo/s400/cap19.jpg" alt="" id="BLOGGER_PHOTO_ID_5222026180938395890" border="0" /></a>Donde como se indica en la imagen el link de color negro servira para descargar el archivo seleccionado. Ahora para utilizar este link en nuestros post debemos escribir el codigo para incluir links con los cual nos quedara:<br /><br /><"a href="://rapidshare.com/files/129067413/Guia_para_creacion_de_blogs2.0.doc.html>Descarga la Guia para la Creacion de un Blog<"/a><br /><br />y se vera<br /><center><a href="http://www.blogger.com/post-edit.g?blogID=8114425676320831144&postID=2025108271743516267">Descarga la Guia para la Creacion de un Blog</a></center><br /><br /><span style="font-weight: bold;">Como subir Archivos Megaupload:</span><br /><br />Lo primero que debemos hacer es dirigirnos a <a href="http://www.megaupload.com/">www.megaupload.com</a> donde nos aparecera la siguiente pantalla:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdKZqACsU7CTCJwlaly9AHfCxuaCf1jdwmq_18uJcF4TS1_Bko4JkiB14_a7jbVgwPKe7NUBKCwkHmM05CgLFn8bpX6smWFIm5vlh02c1BLrVbohMwAn1WmOj3lWyrFh_-pOJKz2XfIk/s1600-h/cap20.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxdKZqACsU7CTCJwlaly9AHfCxuaCf1jdwmq_18uJcF4TS1_Bko4JkiB14_a7jbVgwPKe7NUBKCwkHmM05CgLFn8bpX6smWFIm5vlh02c1BLrVbohMwAn1WmOj3lWyrFh_-pOJKz2XfIk/s400/cap20.jpg" alt="" id="BLOGGER_PHOTO_ID_5222028401415627938" border="0" /></a>Donde al igual que en el caso anterior deberemos presionar la Opcion examinar para buscar el archivo que deseemos subir a la web. Despues de seleccionar el archivo y realizar una breve descripcion de este aceptamos las condiciones y presionamos enviar, donde visualizaremos la siguiente pantalla:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0tlKZ4yw9Wq9vhlxrbfkfrZC_Q1GoyiDK0KFwrLSgts8FSf-BVflKQnqKX1iVdbR57N0Wb_dxOx_Q6hAllcaxcWxcwdyobreitOKcfUjPlTik9p7ME4l38GNsold4n_BpquHpJQAq4Ss/s1600-h/cap21.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0tlKZ4yw9Wq9vhlxrbfkfrZC_Q1GoyiDK0KFwrLSgts8FSf-BVflKQnqKX1iVdbR57N0Wb_dxOx_Q6hAllcaxcWxcwdyobreitOKcfUjPlTik9p7ME4l38GNsold4n_BpquHpJQAq4Ss/s400/cap21.jpg" alt="" id="BLOGGER_PHOTO_ID_5222029631389266722" border="0" /></a>Una vez habiendo finalizada la carga del archivo aparecera sobre el cuadro verde, el link correspondiente a la opion de descarga del archivo.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhznWYeCjmM7o5VwYJJHYzuZ3Kuebbmm9ec8qhx7pXiZwEfZ9XEtpJDR6UiPS_LeBZpVypm53q3UIcun5ryD8wdg-_9ubbK8_wN09H2yGjumuTaH3iyE2edc7z3FjaF5VZtXkK0G1i7ua0/s1600-h/cap22.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhznWYeCjmM7o5VwYJJHYzuZ3Kuebbmm9ec8qhx7pXiZwEfZ9XEtpJDR6UiPS_LeBZpVypm53q3UIcun5ryD8wdg-_9ubbK8_wN09H2yGjumuTaH3iyE2edc7z3FjaF5VZtXkK0G1i7ua0/s400/cap22.jpg" alt="" id="BLOGGER_PHOTO_ID_5222030953381411538" border="0" /></a>Para utilizar el link de descarga seguimos el mismo procedimiento usado con anterioridad es decir:<br /><br /><"a href="http://www.megaupload.com/?d=RFN2VVBA">Descarga la Guia para la Creacion de un Blog<"/a><br /><br /><center><a href=http://www.megaupload.com/?d=RFN2VVBA>Descarga la Guia para la Creacion de un Blog</a></center><br /></div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-8114425676320831144.post-8351347275500945542008-07-04T00:34:00.008-04:002008-07-13T03:00:22.449-04:00Insertar Musica en el Blog<div style="text-align: justify;">Además de poner videos e imagenes en nuestro blog, podriamos agregar musica, para hacer nuestro blog mas atractivo. La metodologia para realizar esto es dirigirse a las paginas web que entreguen esta aplicaciones, ingresar la informacion requerida y generar posteriormente el codigo html que corresponda, el que debera ser copiado y pegado, en la barra lateral añadiendo un elemento de pagina Html/Javascript o en la seccion "Edicion de Html" de los post, esto segun se requiera.<br /></div><br />Ahora Introduciremos algunas aplicaciones que nos serviran para inlcuir musica en nuestro Blog.<br /><br /><span style="font-weight: bold;">Musica en el Blog:</span><div style="text-align: justify;"><br /><span style="font-size:180%;"><span style="font-weight: bold;">1ª Opcion:</span></span><br /><br /><a href="http://www.radioblogclub.com/">Radio Blog</a>, permite insertar audio-blogs con música a través de la inserción de un sencillo códico -copiar y pegar- que nos permite reproducir nuestra canción preferida en cualquier post.<br /><br />A modo de ejemplo hemos insertado a la Oreja de Van Gogh:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhItdV0P2BUbW2dkXMW91lC-BnBt94XDo85mRSrMwaUjWj9KJLXhAb24UH2zezkkgHXx0T-PWNfxwoOxqir-OfaiOkWhKgnqH4hFpvGkxHo957vAZuE07CJmVfNI-Pj48gxw1YGqc6SS-E/s1600-h/cap26.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhItdV0P2BUbW2dkXMW91lC-BnBt94XDo85mRSrMwaUjWj9KJLXhAb24UH2zezkkgHXx0T-PWNfxwoOxqir-OfaiOkWhKgnqH4hFpvGkxHo957vAZuE07CJmVfNI-Pj48gxw1YGqc6SS-E/s400/cap26.jpg" alt="" id="BLOGGER_PHOTO_ID_5222365296127555634" border="0" /></a>Cómo poner música en tu blog:<br /><br /><span style="font-weight: bold;">Pasos a Seguir:</span><br /></div><ol style="text-align: justify;"><li>Vas a <a href="http://www.radioblogclub.com/">Radio Blog</a> y seleccionas una canción, un grupo o cantante preferido dentro de la casilla de búsqueda. Hay desde música clásica a moderna pasando por todos los estilos de música.</li><li>Pinchas la flechita lateral azul de la canción que has seleccionado.</li><li>A la derecha aparece un código que puedes copiar y pegar en tu blog. Antes te permite seleccionar los colores del audio blog... Recuerda que debes pegar el código en la ventana html de tu blog que aparece en el post.<br /></li></ol><span style="font-size:130%;"><span style="font-weight: bold;"><span style="font-size:180%;">2ª Opcion:</span><br /></span></span> <h3 class="post-title"> Reproductor de Musica iPhone en blogger</h3><div style="text-align: justify;">Ahora vamos a explicar como poner un reproductor de musica iPhone o iPod en un blog de blogger, la forma es extremadamente sencilla, para esto lo primero que debes hacer es entrar en la pagina <a href="http://ivoon.com/">ivoon.com</a>, pagina que te debería salir es esta.<br /></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipmG8oMzIK2rQpS8wvLZ41_5iw1pLzEgjtXk6suSGnJzJbY7YML79u5C8f4Pncm3dvHz4TczqKUK_BJ10NfvC7Uhd6HQu13VaAYRD0sgX5V_gS5qcCfwy30DwPbNdN2X8fHoWvf5JMU3A/s1600-h/cap27.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipmG8oMzIK2rQpS8wvLZ41_5iw1pLzEgjtXk6suSGnJzJbY7YML79u5C8f4Pncm3dvHz4TczqKUK_BJ10NfvC7Uhd6HQu13VaAYRD0sgX5V_gS5qcCfwy30DwPbNdN2X8fHoWvf5JMU3A/s400/cap27.jpg" alt="" id="BLOGGER_PHOTO_ID_5222372366460564306" border="0" /></a><br /><div style="text-align: justify;"><span style="font-size:85%;"><span style="font-size:100%;">Abajo a la izquierda tienes unas banderitas para traducir la pagina, si lo requieres presiona la española y se te hara mas facil seguir los pasos.</span></span><br /><br /><span style="font-weight: bold;">Pasos a Seguir:</span><br /></div><ul><li>Para poder utilizar esta herramienta lo primero que debes hacer es registrarte<span style="font-size:100%;">, no te llevara mucho tiempo, arriba a la izquierda tienes las casillas para identificarte, Nombre de Usuario</span><span style="font-size:100%;">, Contraseña, Recordar Contraseña, Entrar. Como aun no estas registrado deberás presionar la opcion <a href="http://translate.google.com/translate?u=http%3A%2F%2Fwww.ivoon.com&langpair=en%7Ces&hl=en&ie=UTF-8&oe=UTF-8&prev=%2Flanguage_tools">Registro</a> </span>y accederás a un formulario en el cual tienes que introducir tus datos, Nombre, Nombre de Usuario para la Pagina, e-mail, Contraseña, verificar contraseña. finalmente deberas presionar el boton "Send Registration" <span style="font-size:100%;">y si no esta el nombre utilizado ya estarás registrado, debe de aparecer esta pagina de confirmación.</span>ademas recibirás un mail de confirmación. Pulsa en "here" para volver al inicio.</li></ul><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8Cjc33vYytIEKjANtf7YQZeZ1QtbHdnAEjfx9V1IkiQXtbi3H8ozTYyRYO9CLA2684I3gYj_-zQN7ahL0SWIXmjJR4Ef-vFETXojPfhaYsuKYnC16v714ta0j7guyKICkiOA79X_pNg/s1600-h/cap28.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs8Cjc33vYytIEKjANtf7YQZeZ1QtbHdnAEjfx9V1IkiQXtbi3H8ozTYyRYO9CLA2684I3gYj_-zQN7ahL0SWIXmjJR4Ef-vFETXojPfhaYsuKYnC16v714ta0j7guyKICkiOA79X_pNg/s400/cap28.jpg" alt="" id="BLOGGER_PHOTO_ID_5222372106142794898" border="0" /></a><br /><ul style="text-align: justify;"><li>Ahora introduce tus datos en "Nombre de Usuario" y "contraseña", activar la casilla "recordar "para que recuerde tu contraseñas la próxima vez que entres y pulsa en "login" para entrar.</li></ul><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiRnp3aHyavUzcCn-sDKSAxBIF3ktrIKuU4YyfdtqISPNBj3nBoJQBH2k9dbTqA2otKHoxcMZiti_JI-R0dKYKOOmU9NH3sz51XglfNNM-2tVB5TjnwR_lgoZvw9dluqNa3i9eANJHYbM/s1600-h/cap29.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiRnp3aHyavUzcCn-sDKSAxBIF3ktrIKuU4YyfdtqISPNBj3nBoJQBH2k9dbTqA2otKHoxcMZiti_JI-R0dKYKOOmU9NH3sz51XglfNNM-2tVB5TjnwR_lgoZvw9dluqNa3i9eANJHYbM/s400/cap29.jpg" alt="" id="BLOGGER_PHOTO_ID_5222374345716603762" border="0" /></a><br /></div><div style="text-align: justify;">Desde esta pagina controlaras todo tu reproductor, te aconsejo que la añadas como favorito (o marcador) en tu explorador ya que tendrás que visitarla cada vez que quien añadir o quitar una canción.<br /></div><br />Como puedes ver hay tres pestañas,<br /><ul style="text-align: justify;"><li><span style="font-weight: bold;">Music gallery </span>(galería de música), esta es la biblioteca de música subida por todos los miembros de la pagina, tienes un buscador donde solo tienes que poner el nombre de lo que recuerdes artistas, álbum, canción, etc... y si esta aparecerea en epantalla.<br /></li></ul><div style="text-align: justify;">Cuando tengas el resultado de tu búsqueda, te aparecerá una lista como esta<br /></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr5LaRl-VA2vwgukDOFZfeySCmKqXngheGRwVz6cdBgQH3KoBm0cloHVBfsmP6qlrFov8xL4ftCOpn34qkRf9l6uFbt1tqIAVS-QxLGJHWHQDtS3eRckii0gFhB3rhy5G_1k3fueP586w/s1600-h/cap30.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr5LaRl-VA2vwgukDOFZfeySCmKqXngheGRwVz6cdBgQH3KoBm0cloHVBfsmP6qlrFov8xL4ftCOpn34qkRf9l6uFbt1tqIAVS-QxLGJHWHQDtS3eRckii0gFhB3rhy5G_1k3fueP586w/s400/cap30.jpg" alt="" id="BLOGGER_PHOTO_ID_5222375520121233986" border="0" /></a><br /><ul style="text-align: justify;"><li>A la derecha aparecera un signo Play, el cual reproducira la canción y un signo "+" al final, al pulsar en este signo añades la cancion a tu lista y automáticamente a tu reproductor cuando lo tengas en tu blog, te recomendamos que escuches la canción antes de añadirla pues no todas funcionan</li></ul><ul style="text-align: justify;"><li><span style="font-weight: bold;">Upload (subir) </span>esta pestaña es para subir canciones se debe primeramente habr subido la cancion a algun hosting para posteriormente subir la cancion por medio del link de descarga.</li></ul><ul style="text-align: justify;"><li><span style="font-weight: bold;">My playlist (Mis listas de reproducción)</span> aquí es donde gestionaras tu lista, elegirás tu reproductor y obtendrás el código.</li></ul><div style="text-align: justify;"><span style="font-weight: bold;">Elementos del Reproductor:</span><br /></div><ol style="text-align: justify;"><li><span style="font-weight: bold;">Chose you player</span>, eliges el tipo de reproductor.</li><li><span style="font-weight: bold;">Autoplay</span>, si esta activa comienza la reproducción automáticamente, si esta desactivada comenzara cuando pulsemos play.</li><li><span style="font-weight: bold;">Auto-Show Playlist</span>, si esta activa visualiza la lista en el reproductor, si no solo la canción.</li><li><span style="font-weight: bold;">Update</span>, Cuando lo tengas configurado pulsala para que actualice el reproductor de muestra y el código.</li><li><span style="font-weight: bold;">Edit list</span>, aquí están las canciones que aparecerán en tu reproductor, desde aquí gestionarlas, puedes borrar canciones y poco mas.</li><li><span style="font-weight: bold;">Codigo</span>, todas esas lineas de texto que aparece al final es el codigo que necesitas para añadirlo a tu blog, selecionas todo, y lo copias al portapapeles o a un documento de texto. Para luego pegarlo en tu blog como elemento de pagina.</li></ol><div style="text-align: justify;"><span style="font-weight: bold;"><span style="font-size:180%;">3ª opcion:</span><br /><br /></span><p style="text-align: justify;">En el sitio <a href="http://www.imeem.com/" target="_blank">imeem</a> nos ofrecen otra alternativa para colocar música en nuestro Blog.</p><p style="text-align: justify;">Este servicio nos permite elegir los temas musicales de una base de datos o subir (upload) los que nos gustan. Inclusive se puede realizar distintas playlists y configurarlas a nuestro gusto.</p><p style="text-align: justify;">El primer paso es ingresar <a href="http://www.imeem.com/">aqui</a> y te registras pulsando el boton <strong>SIGN UP!</strong></p><p style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlqCF7v9Tvvr_oPbWdaBTAChp7SSYaUOgdpveDq9XAKahdHBx8tS08mgwLrwVYIXFla6-VJDt2YgxQ2tbpVS5zCG8rWOGuEXB2gFK7dCDwouD7d0FtpoGqTAt5f_C3xobAEXHiNwM_pC4/s1600-h/cap31.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlqCF7v9Tvvr_oPbWdaBTAChp7SSYaUOgdpveDq9XAKahdHBx8tS08mgwLrwVYIXFla6-VJDt2YgxQ2tbpVS5zCG8rWOGuEXB2gFK7dCDwouD7d0FtpoGqTAt5f_C3xobAEXHiNwM_pC4/s400/cap31.jpg" alt="" id="BLOGGER_PHOTO_ID_5222388783406996466" border="0" /></a></p><br /><p style="text-align: justify;">Luego de completados los datos te enviarán un Mail a tu casilla de correo para confirmar el registro, sigues el link e ingresas nuevamente al sitio.</p><div style="text-align: justify;"><span id="fullpost"><p align="justify">A continuación pones el nombre del artista que estas buscando en <strong>SEARCH </strong>(buscar) y seleccionas el nombre del tema que te gusta.</p></span><br /></div><span id="fullpost"><p align="justify"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJY_3D8HjYjQGYvmHS-yv9xFKRw9xE7waQugACURDNmts2l8_rZ4lw9JtbkBik103lLSHYFYnDwCboS-N-96j2bCJ04McS0UQuHhtBbAhetRz9Q3S3ScLH1S9IGR5dWHoQXzrkeWFhiRc/s1600-h/cap32.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJY_3D8HjYjQGYvmHS-yv9xFKRw9xE7waQugACURDNmts2l8_rZ4lw9JtbkBik103lLSHYFYnDwCboS-N-96j2bCJ04McS0UQuHhtBbAhetRz9Q3S3ScLH1S9IGR5dWHoQXzrkeWFhiRc/s400/cap32.jpg" alt="" id="BLOGGER_PHOTO_ID_5222389046605423714" border="0" /></a></p></span><div style="text-align: justify;"><span id="fullpost"><p align="justify"><span id="fullpost">Se abrirá una nueva página con los datos de la canción, seleccionas el código <strong>Embed</strong>, como muestra la imagen a continuación, y lo copias en una entrada o en la Barra lateral</span></p></span></div><span id="fullpost"><p align="justify"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSQVdBIfpCD6BQ4koIZgx967EfZyJreAEIQqf2iLhEr39_76CJEcyhqFuCihm-_wwY3M8LjdJ5BY3DrIR-IcVwEdv7TJynYUSlGwTE3a1GGIE3TFcSEmuSFdf2CqJYBr1ORCjwDktWdms/s1600-h/cap33.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSQVdBIfpCD6BQ4koIZgx967EfZyJreAEIQqf2iLhEr39_76CJEcyhqFuCihm-_wwY3M8LjdJ5BY3DrIR-IcVwEdv7TJynYUSlGwTE3a1GGIE3TFcSEmuSFdf2CqJYBr1ORCjwDktWdms/s400/cap33.jpg" alt="" id="BLOGGER_PHOTO_ID_5222389304566191122" border="0" /></a></p></span><div style="text-align: justify;"><span id="fullpost"><p align="justify"><span id="fullpost">El resultado será algo así.</span></p></span></div><span id="fullpost"><p align="justify"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDKoyfgO-_fKp9_64GqkwGi18kAHTMVkaNTaRUNw5OLPwaipFStQKjOOZy_e_sG-vcEQWB0oMHvMLRJull5K3xRkzIeDIDAXLJo-Z4vgJ3cn3jamVZXKkDRrPABXo9Zmztd543wHftzcg/s1600-h/cap34.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDKoyfgO-_fKp9_64GqkwGi18kAHTMVkaNTaRUNw5OLPwaipFStQKjOOZy_e_sG-vcEQWB0oMHvMLRJull5K3xRkzIeDIDAXLJo-Z4vgJ3cn3jamVZXKkDRrPABXo9Zmztd543wHftzcg/s400/cap34.jpg" alt="" id="BLOGGER_PHOTO_ID_5222389508273598754" border="0" /></a></p></span></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-8114425676320831144.post-22973067770106478822008-07-04T00:33:00.005-04:002008-07-25T22:12:15.238-04:00Como Cambiar las Plantillas o Templates<div style="text-align: justify;">Ya que has construido te blog te habras dado cuenta que existen muhcos de ellos con plantillas bastantes mas bersatiles que la que tu elegiste en un principio, la pregunta es ¿como hago para cambiar mi plantilla por una que me diferencie del resto?, bueno eso te lo explicaremos ahora.</div><p style="text-align: justify;">Como te habras dado cuenta Blogger tiene varias plantillas por defecto, pero como ya dijimos son muy simples y como el diseño del blog es de extrema importancia ,ya que es la primera impresión, aca te enseñaremos a cambiar la platilla clasica por algunas mas atrevidas.</p><p style="text-align: justify;">Lo primero que deberas hacer es buscar o diseñar la plantillas que mas te agrade y que tengas las acplicaciones que mas se ajusten a tus nececidades, si decides buscar una plantilla en la red hallaras algunos templates, con 2, 3, 4 y hasta 5 Columnas, Links en Cabecera, Motivos personalizados y un sin fin de aplicaciones. Ahora para buscar plantillas te recomendamos ir a un buscador y escribir en el apartado de busqueda "Plantillas Blogger" o "Templates Blogger", lo cual te mostrara un sinfin de direcciones donde podras hallar este tipo de aplicaciones. Si no quieres buscar en un sinfin de sitios aca te entregamos un listado de sitios donde podras hallar lo buscado:</p><ul><li><a href="http://btemplates.com/">Btemplates</a></li><li><a href="http://boxstr.com/">BOXStr.com</a></li><li><a href="http://vagabundia.blogspot.com/2007/09/plantillas-de-tres-columnas.html">Vagabundia</a></li><li><a href="http://doxs-templates.blogspot.com/">Doxs</a></li></ul><p>En cualquier de estas direcciones veras algo similar a esto:</p><div style="text-align: justify;"><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkACMeaS9a6yqjy0YvQOSuDprj87Nq94vG8nlvjFLgwbCORjKs4XXkG9SKW2GUFabDZ5lg8r5JRh6BWtx3Gg7Ap-1vqqG67VoGxL8qRBJdUgw4_yi-XAWEVZqhlDAZgMlffn8dLZLRhkfn/s1600-h/templatesimagenes.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkACMeaS9a6yqjy0YvQOSuDprj87Nq94vG8nlvjFLgwbCORjKs4XXkG9SKW2GUFabDZ5lg8r5JRh6BWtx3Gg7Ap-1vqqG67VoGxL8qRBJdUgw4_yi-XAWEVZqhlDAZgMlffn8dLZLRhkfn/s400/templatesimagenes.jpg" alt="" id="BLOGGER_PHOTO_ID_5227124259515687890" border="0" /></a>Imagenes que corresponderan a distintos formatos de plantillas. Ahora, haciendo click sobre la imagen o en el link download deberas descargar y guadar en tu computador la nueva plantilla elegida.<br /></div><br />Ahora debera realizar los siguientes pasos:<br /></div><ul style="text-align: justify;"><li>Presionar la opcion Personalizar, posterior a lo cual deberas presionar la opcion "Edición de HTML", habiendo llegado a esta pantalla te recomendamos antes de cualquier cambio guardar tu plantilla actual para poder reponerla en caso de que no te gusten los cambios realizados. para esto deberas presionar la opcion <span style="color: rgb(51, 51, 255);">Descargar Plantilla Completa</span> y guardar tu plantilla en alguna parte de tu PC.</li></ul><br /><ul style="text-align: justify;"><li>Ahora deberas presionar la opcion Examinar y buscar dentro de tu PC la plantilla antes elegida, habiendo hallado esta deberas presionar el boton Subir e inmediatamente se cargara tu nueva plantilla. Esto es igual a adjuntar un archivo para enviarlo via mail</li></ul><div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCA1g3mX67X0cnox3kPAdQJS8hZYjxOd2qYcxtNnz0bqCoE3Q7C-F09-7rG3WrxG_mo8zPPPTe1NmJUIWFN8hLkPoJcNNxVPmhn2kRHBEWFSRwXjJJPdbMr_NgCDSe2rjcixLde7ZGsI4/s1600-h/insertarplantilla+copiar.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCA1g3mX67X0cnox3kPAdQJS8hZYjxOd2qYcxtNnz0bqCoE3Q7C-F09-7rG3WrxG_mo8zPPPTe1NmJUIWFN8hLkPoJcNNxVPmhn2kRHBEWFSRwXjJJPdbMr_NgCDSe2rjcixLde7ZGsI4/s320/insertarplantilla+copiar.jpg" alt="" id="BLOGGER_PHOTO_ID_5062239677953901410" border="0" /></a><br /></div><div style="text-align: justify;">Generalmete al incluir una plantilla distinta a la que entrega blogger te aparecera el siguiente mensaje en pantalla:<br /></div><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRqHseQqfFfbALh1aAWSIvy6hQXW6ejcM8XAmA9Jz9ErowKIV3kjoXmJEgeALG0dIorTSgFuYwiLjddAj5fKxSzA06WFGUADp4PVD-9RwZhcTQoz1kPTtiK1pgZGWpZ3WSg8YptEfHeMaj/s1600-h/cambio+de+plantillas.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRqHseQqfFfbALh1aAWSIvy6hQXW6ejcM8XAmA9Jz9ErowKIV3kjoXmJEgeALG0dIorTSgFuYwiLjddAj5fKxSzA06WFGUADp4PVD-9RwZhcTQoz1kPTtiK1pgZGWpZ3WSg8YptEfHeMaj/s400/cambio+de+plantillas.jpg" alt="" id="BLOGGER_PHOTO_ID_5227137872563547202" border="0" /></a><br /><div style="text-align: justify;">Donde debes "Confirmar y Guardar" y posteriormente ver Blog. con esto ya habras cambiado la plantilla clasica por una mucho mas atractiva.<br /></div><p><br /></p><div style="text-align: justify;">Aca te dejamos otra cantidad de links donde podras hallar mas plantillas bastante buenas:<br /></div><p style="text-align: justify;"><br /></p><ul style="text-align: justify;"><li><a href="http://www.blogmundi.com/plantillas-blogger">Blogmundi:</a> tiene unas cuantas plantilla con un diseño muy bueno, incluyendo una con 3 columnas.</li><li><a href="http://blogtemplates.noipo.org/">Blogtemplates:</a> New Blogger templates.</li><li><a href="http://webtalks.blogspot.com/2007/04/downlaod-three-column-new-blogger.html">Webtalks:</a> Las plantillas clásicas pero con 3 columnas.</li><li><a href="http://blogger-templates.blogspot.com/search/label/XML">Blogger Templates:</a> Mas plantillas.</li><li><a href="http://www.geckoandfly.com/blogger-templates-beta/">geckoandfly: </a>Estas son de mis favoritas, de aquí saque la del blog :)</li><li><a href="http://www.templatepanic.com/">Templatepanic:</a> Mas plantillas.</li><li><a href="http://www.finalsense.com/services/blog_templates/index.htm">Finalsense:</a> Plantillas con buenos diseños.</li><li><a href="http://thrbrtemplates.blogspot.com/">thrbrtemplates:</a> Mas con 3 columnas.</li><li><a href="http://freetemplates.blogspot.com/search/label/New%20Blogger%20Template">Freetemplates:</a> las ultimas.</li><li><a href="http://plantillas-narko.blogspot.com/">plantillas-narko:</a> Otra muy buena seleccion de plantillas.</li><li><a href="http://blogyweb.blogspot.com/search/label/Plantillas%20Blogger">Blogyweb</a>: Mas plantillas con buenos diseños.</li><li><a href="http://www.blogtitlan.com/search/label/Plantillas%20New%20Blogger">Blogtitlan</a>: Mas y mas plantillas<br /></li></ul><div style="text-align: justify;">Recuerda que al subir una nueva plantilla se pierden casi todos los artilugios, así que tendrás que volver a ponerlos.</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8114425676320831144.post-6452551981167708422008-07-04T00:32:00.008-04:002008-08-02T00:42:37.157-04:00Como Incluir Publicidad Pagada<div style="text-align: justify;">Hoy en dia el Blog además de transformarse en una herramienta que nos permite interactuar con la Aldea Global por medio de nuestras publicaciones, nos permite tambien ganar algo dinero, para esto existirán varias opciones las que rentaran de distinta manera. La primera y mas lógica de estas es la publicidad pagada por algún anunciante, el cual nos pagará por incluir su imagen en nuestro sitio, esta es quizas la opción mas rentable pero para que esto se haga efectivo nuetros sitio debiese tener en promedio de alrededor de 100.000 visitas mensuales, cosa que no es facil de lograr. Si quieres consultar por esta opcion visita <a href="http://www.ahi.cl/">www.ahi.cl</a><br /></div><div style="text-align: justify;"><br />Inclusion de Adsense:<br /><br />Es quizas la forma mas facil de recaudar dinero por internet ya que se nos pagara por cada click realizado sobre la publicidad que nosotros incluyamos en nuestro sitio. Para esto lo primero que debes hacer es ingresar a la pagina de <a href="http://www.google.es/AdSense">Google Adsense</a> donde deberas registrar tus datos y tu sitio.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMXLthElZaQUyf6ijEWFoFWi7QB42YwOd5SAnAPWYQN-1jggGxJKVs5eeN39U8kewMprC7GiZnauzbpA_I8wbG4Mwn-hPQKPpKv-Fi3JGGLujGzr4iiFsTl6YkjyJVsfdRgXlj580ji48D/s1600-h/cap24.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMXLthElZaQUyf6ijEWFoFWi7QB42YwOd5SAnAPWYQN-1jggGxJKVs5eeN39U8kewMprC7GiZnauzbpA_I8wbG4Mwn-hPQKPpKv-Fi3JGGLujGzr4iiFsTl6YkjyJVsfdRgXlj580ji48D/s400/cap24.jpg" alt="" id="BLOGGER_PHOTO_ID_5222041602151974146" border="0" /></a><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8GU3PGaq5o_J6n-Xc5EKTflcF8ibl5KElW3f077IAWIpFOXAxpf6E-1EH68QDbN7X4FIZtqdb0AIYlKvBMT2OnLh08P1GFpBcQPw_PGiknDLs3Bp7-FVKeHRFYTa0EE1brm2BnCRHzIc/s1600-h/cap25.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8GU3PGaq5o_J6n-Xc5EKTflcF8ibl5KElW3f077IAWIpFOXAxpf6E-1EH68QDbN7X4FIZtqdb0AIYlKvBMT2OnLh08P1GFpBcQPw_PGiknDLs3Bp7-FVKeHRFYTa0EE1brm2BnCRHzIc/s400/cap25.jpg" alt="" id="BLOGGER_PHOTO_ID_5222042258106972562" border="0" /></a><br />habiendo completado tus datos debes presionar enviar, al cabo de tres a cuatro dias te llegara un mail de google informando si tu cuanta ha sido o no aprobada.<br /></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8114425676320831144.post-84485695111568518182008-07-04T00:31:00.004-04:002008-07-25T22:47:16.577-04:00Como hacer Animaciones GIF<div style="text-align: justify;"><span style="color: rgb(0, 0, 0);"></span><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>Como sabemos un <a href="http://es.wikipedia.org/wiki/Gif" target="_blank">Gif</a> <a href="http://es.wikipedia.org/wiki/Animaci%C3%B3n" target="_blank">animado</a> no es mas que una secuencia de cuadros o frames que al reproducirse sucesivamente crean la animación, aca investigar sobre algunos programas que te faciliten la creación de este tipo de animaciones. </div><h3>Programas Gratuitos Para Crear Gif Animados</h3> <p style="text-align: justify;">Estos programas son simples de utilizar pero las funciones son básicas ya que únicamente sirve para crear la animación en base a las imagenes existentes que vayas agregando, es decir estos programas no son editores de imagenes.</p> <p><span id="more-1834"></span></p> <p><strong>Microsoft Gif Animator</strong></p> <div style="text-align: center;"><img src="http://www.webadictos.com.mx/wp-content/uploads/2007/12/gif_an2.jpg" alt="Programa Para Crear Gif Animados" /></div> <p style="text-align: justify;">Este programa es viejo, pero cumple con su función de juntar imagenes para crear una animación GIF. Soporta desde Windows 95 hasta Windows XP SP 2.</p> <p><a href="http://www.jhepple.com/support/ftp/AniGif/GIFAnimator.exe" target="_blank">Descargar Microsoft GIF Animator</a></p> <p>Enlace: <a href="http://www.jhepple.com/gif_animator.htm" target="_blank">Microsoft GIF Animator</a></p> <p><strong>Beneton Movie Gif </strong></p> <div style="text-align: center;"><img src="http://www.webadictos.com.mx/wp-content/uploads/2007/12/bmgscreenshot.jpg" alt="Programa Para crear Gif Animados Gratis" /></div> <p style="text-align: justify;">Este programa te permitirá <strong>crear animaciones gif</strong> y editar <strong>animaciones</strong> ya existentes, entre sus características estan:</p> <ul><li>Soporta 48 formatos de archivo entre los que estan <strong>BMP, GIF, JPG, PNG, y AVI</strong></li><li>Posibilidad de seleccionar múltiples frames</li><li>20 Efectos diferentes.</li><li>Entre otras…</li></ul> <p style="text-align: justify;">Funciona desde Windows 200 hasta Windows Vista y requiere un mínimo de 256 MB de RAM.</p><div style="text-align: justify;"> </div><p style="text-align: justify;">Ademas en el sitio del programa nos presentan 2 tutoriales en video para aprender a crear gif animados con esta herramienta.</p> <p><a href="http://www.benetonfilms.com/bmg.zip">Descargar Beneton Movie GIF 1.1.1</a></p> <p>Tutoriales del programa (<a href="http://www.kyroc.net/BMG/lesson01.swf.html" target="_blank">#1</a>, <a href="http://www.kyroc.net/BMG/lesson02.swf.html" target="_blank">#2</a>)</p> <p>Enlace: <a href="http://software.benetonfilms.com/Beneton_Movie_GIF/" target="_blank">Beneton Movie GIF</a></p> <h3>Sitios Para Crear Animaciones GIF en linea</h3> <p style="text-align: justify;">Si prefieren no instalar nada en sus computadoras también existen sitios que permiten la creación de animaciones gif en linea de manera gratuita.</p> <p><strong>Picasion</strong></p> <p style="text-align: justify;">De este sitio ya hemos comentado con anterioridad en webadictos asi que para mas información pueden <a href="http://www.webadictos.com.mx/2007/10/16/crear-gif-animados-en-linea/">leer la entrada acerca de esta aplicación</a>.</p> <p>Enlace: <a href="http://picasion.com/" target="_blank">Picasion</a></p> <p><strong>GIFup</strong></p> <p style="text-align: justify;">En este sitio podremos crear animaciones GIF y avatares de manera rápida y sencilla, únicamente vamos cargando las imagenes que compondrán la animación y después seleccionamos las medidas de la animación.</p> <p>Enlace: <a href="http://www.gifup.com/" target="_blank">GIFup</a></p> <p style="text-align: justify;">Asi mismo si queremos hacer animaciones mas complejas debemos utilizar editores mas potentes, uno que nos puede servir es el Macromedia Fireworks un editor de imágenes muy completo y que ademas nos da la posibilidad de crear animaciones.</p> <p style="text-align: justify;">Para <strong>crear animaciones GIF en fireworks</strong> les dejo <a href="http://www.cristalab.com/tips/41859/crear-gifs-animados-con-fireworks-8" target="_blank">el siguiente tutorial</a>, otro programa que nos sirve es Macromedia Flash ya que podemos crear nuestra animación y posteriormente exportarla a formato GIF.</p> <p style="text-align: justify;">Otro programa que les puede ser útil es <a href="http://www.effectmatrix.com/" target="_blank">Magic Swf2Gif</a> que nos permite convertir una pelicula SWF en una animación GIF.</p> <p style="text-align: justify;"><a href="http://www.effectmatrix.com/swf2gif/swf2gif.exe">Descargar Magic Swf2Gif</a></p><div style="text-align: justify;"> </div><p style="text-align: justify;">Por último para terminar el post tengo que mencionar a <a href="http://www.webadictos.com.mx/2007/10/30/comparte-gifs-animados-con-giftube/">GifTube</a> un sitio donde los usuarios comparte GIF animados que podemos descargar libremente.</p><br /><br /><img src="file:///C:/DOCUME%7E1/JOSELU%7E1/CONFIG%7E1/Temp/moz-screenshot.jpg" alt="" /><img src="file:///C:/DOCUME%7E1/JOSELU%7E1/CONFIG%7E1/Temp/moz-screenshot-1.jpg" alt="" />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8114425676320831144.post-31160038018688672292008-07-04T00:30:00.004-04:002008-07-25T22:58:00.043-04:00¿Que le Pongo al Blog?<div style="text-align: justify;"><span style="">Los bloguers por decirlo de alguna manera, son coquetos, echando un vistazo a las estadísticas del blog uno descubre que la gente pasa más tiempo buscando qué puede hacer para modificar su blog y darle un nuevo aspecto que pensando como mejorar el contenido.<o:p></o:p></span><br /></div><br /><div style="text-align: justify;"><span style="">Quizá es que la mayoría piense que mientras el aspecto requiere de mayor ayuda externa porque puede resultar más difícil técnicamente lo que escribes en el blog depende únicamente de uno mismo. Si bien puede ser cierto para bitácoras de marcado carácter personal en otras no se cumple tanto la regla.<o:p></o:p></span><span style=""><br /><br />De hecho, otra de las mayores preocupaciones de los bloguers es cómo conseguir aumentar las visitas, bien sea por generar más ingresos o por tener el placer de que te lean, y aunque el diseño que le des a tu blog o <a href="http://www.bloggingexpertise.com/2007/04/13/five-free-beautiful-wordpress-themes-to-help-your-seo/">la plantilla que utilices puede influir en términos SEO</a>, el contenido es, sin duda, mucho más importante.</span></div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><p style="text-indent: 35.4pt; text-align: justify;"><span style=""><o:p></o:p><br />Parece lógico pensar entonces que el orden de las preferencias debería invertirse y ser la principal preocupación de los bloguers como mejorar los posts de su blog. No me refiero desde luego a qué temas tratar, sino a como mejorar <a href="http://www.blogmundi.com/2006/06/22/crea-contenido-escaneable/">la lectura de los posts</a>. Entender un poco <a href="http://www.blogmundi.com/2006/07/13/escribe-contenido-relevante-para-los-buscadores/">como analizan los buscadores los artículos del blog</a> y saber que a veces es mejor <a href="http://www.blogmundi.com/2006/08/25/madurando-las-ideas-y-los-posts-de-tu-blog/">dejar que los posts crezcan poco a poco</a>.</span></p><p style="text-indent: 35.4pt; text-align: justify;"><span style=""><o:p></o:p><br />Como decían precisamente hoy en <a href="http://www.robertnyman.com/2007/04/17/popular-doesnt-equal-good/">Robert´s talk</a> hay sitios que han triunfado a pesar de su aspecto y no por él y entre otras razones está la de que el contenido es el rey. No quiero decir que el diseño no sea importante, porque influye y vaya si influye, pero creo que hay que reordenar las prioridades, centrarse en el contenido y posteriormente escoger el aspecto que mejor se adapte a él.<o:p></o:p></span></p><div style="text-align: justify;"> </div><h2 style="margin-bottom: 0.0001pt; line-height: normal; text-align: justify;"><span style="color: rgb(0, 0, 0);font-size:100%;" ><a href="http://www.blogmundi.com/2006/07/13/escribe-contenido-relevante-para-los-buscadores/" title="Enlace Permanente a Escribe contenido relevante para los buscadores."><span style="color: rgb(0, 0, 0);">Escribe Contenido Relevante para los Buscadores.</span></a><o:p></o:p></span></h2><div style="text-align: justify;"> </div><h2 style="margin-bottom: 0.0001pt; line-height: normal; text-align: justify;"><span style="font-weight: normal;font-size:100%;" >Para que tu contenido guste a los buscadores, éste debe de ser relevante y para hacer que lo sea, debemos tener una serie de ideas en mente:</span><span style="font-weight: normal; color: rgb(0, 0, 0);font-size:100%;" ><o:p></o:p></span></h2><h2 style="margin-bottom: 0.0001pt; line-height: normal; text-align: justify;"><span style="font-size:100%;"><b><span style="">El contenido relevante suele ser texto.<o:p></o:p></span></b></span></h2><h2 style="margin-bottom: 0.0001pt; line-height: normal; text-align: justify;"><span style="font-size:100%;"><span style="font-weight: normal;">Los robots de los motores de búqueda adoran el contenido de calidad, como lo hacen los lectores. Pero su forma de mirar las páginas cambia. Los lectores son capaces de distinguir imágenes y gráficos, mientras que los robots pasan de ellos. Así que, si quieres que el motor de búsqueda preste atención a esa foto, añade una descripción. La importante etiqueta ALT.</span><o:p></o:p></span><span style="font-size:100%;"><b><span style=""><o:p></o:p></span></b></span></h2><h2 style="margin-bottom: 0.0001pt; line-height: normal; text-align: justify; font-weight: normal;"><span style="font-size:100%;"><span style=""><span style="font-weight: bold;">El contenido relevante se actualiza frecuentemente.</span><o:p></o:p></span></span></h2><h2 style="margin-bottom: 0.0001pt; line-height: normal; text-align: justify;"><span style="font-weight: normal;font-size:100%;" >A los buscadores les encanta el contenido original, pero también se acostumbran a tu posteo. Es decir, elige una frecuencia de posteo que tu y tus lectores podáis mantener.</span><span style="font-size:100%;"><br /></span></h2><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><p style="text-indent: 35.4pt; text-align: justify;"><br /><span style="font-size:100%;"><b>El contenido relevante está estructurado.</b><br /><br />Cuando un documento está estructurado, los robots pueden determinar como se relacionan las partes. Es decir, las relaciones del texto muestran como las palabras clave están conectadas y son relevantes</span></p><p style="text-indent: 35.4pt; text-align: justify;"><span style="font-size:100%;"><o:p></o:p><br />- Título con palabras clave.<br />- Párrafo con palabras clave.<br />- Subtítulos en etiquetas h1, h2… con palabras clave<br />- Párrafo con palabras clave.<br /><o:p></o:p><b><span style=""><br />El contenido relevante recibe enlaces.</span></b><br /><br />Los links hacia tu blog, desde tu blog, y entre tu blog son importantes. Los enlaces permiten a los robots analizar páginas conectadas, de blog a blog, y dentro de tu blog. Los enlaces muestran la relevancia y son parte importante del page rank.<br /><o:p></o:p><b><span style=""><br />El contenido relevante son links con palabras clave.</span></b><br /><br />Utilizar palabras clave en los links, en lugar del habitual “pincha aqui”, enseña a los buscadores la relación de tus links con el post o el blog con el que enlazas.<br /><o:p></o:p><br /><b><span style="">El contenido relevante no tiene errores y es fácil.</span></b><br /><br />Etiquetas HTML abiertas, faltas de ortografía graves, plugins innecesarios perjudican a los robots y distraen a los lectores. Hacen que se pierdan elementos importantes.<br /><b><span style=""><br />No olvides escribir para las personas y comprobarlo para los robots.<br /><o:p></o:p></span></b><br />A la hora de escribir ten en mente a tus lectores, después si quieres puedes comprobar como de optimizado está el post para la visita de los robots.<o:p></o:p></span></p><div style="text-align: justify;"> </div><h2 style="line-height: normal; text-align: justify; font-weight: normal;"><span style="color: rgb(0, 0, 0);font-size:100%;" ><a style="font-weight: bold;" href="http://www.blogmundi.com/2006/06/22/crea-contenido-escaneable/" title="Enlace Permanente a Crea contenido escaneable."><span style="color: rgb(0, 0, 0);">Crea Contenido Escaneable.</span></a><o:p></o:p></span></h2><h2 style="line-height: normal; text-align: justify;"><span style="font-size:100%;">Ya lo hemos comentado alguna vez, y es más que probable que lo hayas leído en numerosas ocasiones. Los lectores escanean el contenido de los sitios web. No se suelen detener mucho en leer a no ser que haya algo en ellos que les llame la atención. Por tanto, parece lógico, utilizando algunos elementos, escribir los artículos basándonos en los hábitos de los lectores.<o:p></o:p></span></h2><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><p style="margin-top: 11.25pt; text-align: justify;"><span style="font-size:100%;">Éstas son algunas de las técnicas que nos describen <a href="http://www.problogger.net/archives/2006/02/20/scannable-content/" target="_top">Problogger</a>:<o:p></o:p></span></p><div style="text-align: justify;"> </div><p style="text-align: justify;"><span style="font-size:100%;"><b><span style="">- Listas <o:p></o:p></span></b></span></p><div style="text-align: justify;"> </div><p style="text-indent: 35.4pt; text-align: justify;"><span style="font-size:100%;">Las listas son buenas por muchas razones, generan enlaces fácilmente, pero sobre todo son fáciles de leer y comprender de un simple vistazo.<o:p></o:p></span></p><div style="text-align: justify;"> </div><p style="text-align: justify;"><span style="font-size:100%;"><b><span style="">- Dando formato<o:p></o:p></span></b></span></p><div style="text-align: justify;"> </div><p style="text-indent: 35.4pt; text-align: justify;"><span style="font-size:100%;">Los ojos suelen detenerse sobre aquello que llame su atención, si utilizas la negrita, subrayas, escribes con mayúsculas, estarás llamando la atención sobre determinadas palabras o frases.<o:p></o:p></span></p><div style="text-align: justify;"> </div><p style="text-align: justify;"><span style="font-size:100%;"><b><span style="">- Subtítulos.<o:p></o:p></span></b></span></p><div style="text-align: justify;"> </div><p style="text-indent: 35.4pt; text-align: justify;"><span style="font-size:100%;">Utilizar títulos en medio de los posts favorece su estructuración, además de los beneficios respecto a los motores de búsqueda si usas las etiquetas <_h>. Pero también ayudan a los lectores que al leer la página en sentido descendente encuentran distintas partes del artículo que pueden interesarles más.<o:p></o:p></span></p><div style="text-align: justify;"> </div><p style="text-align: justify;"><span style="font-size:100%;"><b><span style="">- Imágenes<o:p></o:p></span></b></span></p><div style="text-align: justify;"> </div><p style="text-indent: 35.4pt; text-align: justify;"><span style="font-size:100%;">Sin duda, las imágenes llaman la atención y favorecen la lectura. Todos queremos saber qué significa esa imagen, por qué esta ahí y por qué la resaltas.<o:p></o:p></span></p><div style="text-align: justify;"> </div><p style="text-align: justify;"><span style="font-size:100%;"><b><span style="">- Bordes/Citas<o:p></o:p></span></b></span></p><div style="text-align: justify;"> </div><p style="text-indent: 35.4pt; text-align: justify;"><span style="font-size:100%;">Las citas, los recuadros suelen atraer la atención de los lectores.<o:p></o:p></span></p><div style="text-align: justify;"> </div><p style="text-align: justify;"><span style="font-size:100%;"><b><span style="">- Espacio</span></b></span><span style="font-size:100%;"><o:p></o:p></span></p><div style="text-align: justify;"> </div><p style="text-indent: 35.4pt; text-align: justify;"><span style="font-size:100%;">No pienses que tienes que rellenar todo sin dejar un resquicio, sino que crea espacios para que los lectores no se sientan abrumados.<o:p></o:p></span></p><div style="text-align: justify;"> </div><p style="text-align: justify;"><span style="font-size:100%;"><b><span style="">- Párrafos cortos.<o:p></o:p></span></b></span></p><div style="text-align: justify;"> </div><p style="text-indent: 35.4pt; text-align: justify;"><span style="font-size:100%;">La gente suele perderse en los párrafos muy largos, si los divides en párrafos más cortos conseguirás que se queden más.<o:p></o:p></span></p><div style="text-align: justify;"> </div><p style="text-align: justify;"><span style="font-size:100%;"><b><span style="">- Resalta los puntos importantes.<o:p></o:p></span></b></span></p><div style="text-align: justify;"> </div><p style="text-indent: 35.4pt; text-align: justify;"><span style="font-size:100%;">Resalta los puntos principales tan claramente como puedas. Una buena técnica es incluirlos al principio del artículo en lugar de enterrarlos en tus conclusiones.<b><o:p></o:p></b></span></p><div style="text-align: justify;"> </div><h2 style="line-height: normal; text-align: justify;"><span style="font-size:100%;"><o:p> </o:p><a href="http://www.blogmundi.com/2006/08/25/madurando-las-ideas-y-los-posts-de-tu-blog/" title="Enlace Permanente a Madurando las ideas y los posts de tu blog.">Madurando las ideas y los posts de tu blog.</a><o:p></o:p></span></h2><h2 style="line-height: normal; text-align: justify; font-weight: normal;"><span style="font-size:100%;">Cuando empiezas a escribir un blog, lo habitual es que escribas tus posts de una manera compulsiva, es decir, encuentres una idea, un artículo que haya podido parecerte interesante y trates de escribir sobre ello lo antes posible y publicarlo.<o:p></o:p></span></h2><h2 style="line-height: normal; text-align: justify;"><span style="font-size:100%;"><span style="font-weight: normal;">Este </span><a style="font-weight: normal;" href="http://lifedev.net/2006/08/blog-post-marinate-forming-great-ideas/">post</a><span style="font-weight: normal;"> de LifeDev enseña algo fundamental a la hora de publicar posts. Algo tan simple como dejar que las ideas maduren durante un tiempo antes de publicar nada al respecto.</span><o:p></o:p></span></h2><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><p style="text-align: justify;"><span style="font-size:100%;">Glen Stansberry describe el proceso que él utiliza habitualmente:<o:p></o:p></span></p><div style="text-align: justify;"> </div><ol style="text-align: justify;" start="1" type="1"><li class="MsoNormal" style="line-height: normal;"><span lang="ES-CL" style="font-size:100%;">Apuntar las ideas. <o:p></o:p></span></li><li class="MsoNormal" style="line-height: normal;"><span lang="ES-CL" style="font-size:100%;">Revisarlas. <o:p></o:p></span></li><li class="MsoNormal" style="line-height: normal;"><span lang="ES-CL" style="font-size:100%;">Dejar que se desarrollen. <o:p></o:p></span></li><li class="MsoNormal" style="line-height: normal;"><span style="font-size:100%;">Publicar. <o:p></o:p></span></li></ol><span style="font-size:100%;">Por mi parte añadiría algún punto más:</span><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><div style="text-align: justify;"> </div><p style="text-indent: 35.4pt; text-align: justify;"><span style=""><o:p></o:p><strong><br />Revisar lo que han escrito otros sobre el tema.<br /><o:p></o:p></strong><br />No creo que exista mejor forma de madurar una idea que conocer, qué han dicho otros sobre lo mismo. Contribuye a ampliar tu perspectiva y te proporciona más ideas. Aunque, conviene tener cierto cuidado de manera que, lo que lees, no influya en la idea que te habías formado originariamente.<br /><o:p></o:p><br /><strong>Escribir un borrador.<br /><o:p></o:p></strong><br />A veces las palabras no salen, no es el momento adecuado o , simplemente, estás bloqueado. Por eso, parece una buena idea escribir un borrador y revisarlo después, es muy probable que haya cosas que escribiste que no te gusten o que hayas pensado en puntos que antes no habías desarrollado.<br /><o:p></o:p><br />Por otro lado, Darren Rowse, habla de otros <a href="http://www.problogger.net/archives/2006/08/24/marinating-ideas-into-blog-posts-my-posting-workflow/">puntos</a> a añadir en el proceso como:<br /><o:p></o:p><br /><strong>Pedir a alguien que eche un vistazo</strong> a tu artículo, de manera que ofrezca sus puntos de vista antes de ser publicado.<br /><o:p></o:p><br />Seguir madurando el artículo una vez publicado, mediante las <strong>actualizaciones</strong>.<br /><o:p></o:p><br /><span style="font-size:100%;">Cada uno puede seguir el proceso que quiera. Lo que parece indiscutible es que es conveniente dejar que las ideas se vayan desarrollando poco a poco y que alcancen cierta madurez antes de ser publicadas.</span><o:p></o:p></span></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-8114425676320831144.post-29801368583291725052008-07-03T13:44:00.004-04:002008-08-01T20:53:22.853-04:00Incluir Juegos, Flash y Otras Aplicaciones<div style="text-align: justify;">La inclusion de juegos y aplicaciones varias se realiza de la misma forma en que se ingresan contadores y videos, es decir, buscar la pagina, elegir juego, generar y copiar el codigo HTML entregado, posteriormente deberas ir al blog y presionar, Personalizar, añadir elemento de Pagina, HTML/Javascript o en el post del blog en la seccion "Edicion de Html"<br /></div><br /><br /><br /><br /><table align="center" background="http://juegos.stupidmedia.net/jpelicula.gif" border="0" cellspacing="7" height="148" width="342"> <tbody><tr valign="middle"> <td><div align="center"><a href="http://juegos.stupidmedia.net/bustamove_bubble_bobble.php?10"><img src="http://juegos.stupidmedia.net/images/puzzle/preloaderbustamove.jpg" 5="" align="left" border="0" height="200" vspace="2" width="400" /></a></div></td> </tr></tbody></table><br /><span style="font-weight: bold;font-size:180%;" >Como Incluir Flash en Blog.</span><br /><br /><object height="100" width="200"><param name="movie" value="http://i117.photobucket.com/albums/o75/burflip/Sinttulo-1.swf"><param name="wmode" value="transparent"><embed src="http://i117.photobucket.com/albums/o75/burflip/Sinttulo-1.swf" type="application/x-shockwave-flash" wmode="transparent" height="100" width="200"></embed></object><div style="text-align: justify;">Escribo este post porque he leído en muchos sitios cosas sobre cómo insertar flash en Blogger, y la verdad, no me funcionaba casi ninguna, así que he pensado en hacer un "tutorial rápido" de cómo hacerlo.<br /></div><br /><div style="text-align: justify;">Para insertar un archivo Flash (.swf) en Blogger o en una página web, lo único que necesitamos es tener subido a un hosting nuestro .swf.<br /></div><br />Podemos usar por ejemplo <a href="http://imageshack.us/" title=" imageshack">imageshack</a>, <a href="http://photobucket.com/" title="photobucket">photobucket</a> ...etc<br /><br />Yo recomiendo este último.<br /><br /><center><a href="http://photobucket.com/" title="photobucket"><br /><img src="http://pic.photobucket.com/logos/PBLogo.166.BG.white.gif" alt="Photobucket" /></a><br /></center><br /><br /><div style="text-align: justify;">Subimos nuestro .swf a photobucket (tenemos que saber cuanto mide de ancho y de alto) y copiamos el "Direct Link" que nos dan. Ahora hacemos lo siguiente:<br /></div><br />1- Creamos una entrada nueva.<br />2- Nos vamos a la pestaña "Edición de HTML"<br />3- Escribimos lo siguiente:<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxvim71qhOPBHfK7CJuM_NADtbWBM3AXE5RDDDl06viJG7h-qRA6PIBr1LmQeqSoevyzEo2n2tA09e9UUCqAuenXo662n0k27gFikuDdPGMh-DpdJdnMaYgRVhymZdkBeC2hPEy5ggbmY/s1600-h/codigo.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 439px; height: 101px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxvim71qhOPBHfK7CJuM_NADtbWBM3AXE5RDDDl06viJG7h-qRA6PIBr1LmQeqSoevyzEo2n2tA09e9UUCqAuenXo662n0k27gFikuDdPGMh-DpdJdnMaYgRVhymZdkBeC2hPEy5ggbmY/s400/codigo.jpg" alt="" id="BLOGGER_PHOTO_ID_5227190170235558050" border="0" /></a><br />Para Utilizar este codigo deben retirar las comillas en Rojo.<br /><br />4- Sustituimos las medidas en negrita y los enlaces en negrita por los verdaderos, y ya está.<br /><br />Ejemplo:<br /><br />Código fuente:<br /><code><br /></code><center><object height="100" width="200"><param name="movie" value="http://i117.photobucket.com/albums/o75/burflip/Sinttulo-1.swf"><param name="wmode" value="transparent"><embed src="http://i117.photobucket.com/albums/o75/burflip/Sinttulo-1.swf" type="application/x-shockwave-flash" wmode="transparent" height="100" width="200"></embed></object></center><br /><br /><center style="font-weight: bold;"><span style="font-size:180%;">Ver Artículo Original <a href="http://burflip.blogspot.com/2007/09/cmo-insertar-flash-en-blogger-o-en-una.html">Aca</a></span></center>Unknownnoreply@blogger.com2