<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>Ayuda para Blogger | SEO, Diseño, Trucos, Tips</title><link>http://www.juglarblog.info/</link><description></description><language>en</language><managingEditor>noreply@blogger.com (JUAN MOSA)</managingEditor><lastBuildDate>Wed, 11 Nov 2009 05:58:10 PST</lastBuildDate><generator>Blogger http://www.blogger.com</generator><openSearch:totalResults xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/">211</openSearch:totalResults><openSearch:startIndex xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/">1</openSearch:startIndex><openSearch:itemsPerPage xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/">25</openSearch:itemsPerPage><creativeCommons:license>http://creativecommons.org/licenses/by-nd/2.0/</creativeCommons:license><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/JuglarDeLaVida" type="application/rss+xml" /><feedburner:emailServiceId>JuglarDeLaVida</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item><title>Abrir links en una nueva pestaña/ventana</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/YQ40fzznJIc/abrir-links-en-una-nueva-pestanaventana.html</link><category>Blogger</category><category>Trucos</category><category>html</category><category>Blog</category><author>noreply@blogger.com (Johanna Gamarra)</author><pubDate>Wed, 11 Nov 2009 05:58:10 PST</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-2197903302529376519</guid><description>Aveces cuando ponemos enlaces en algunos artículos y queremos que ese link se pueda abrir en una ventana externa no es muy fácil de poder lograrlo de forma automática porque nuestro blog/web no tiene esa opción de forma automática.&lt;br /&gt;&lt;br /&gt;Por eso mismo para poder lograr que un link se pueda visualizar en otra ventana/pestaña y de esa misma forma ser mucho mas cómodo tanto para el lector como el administrador del blog/web brindándole la seguridad de no perder de vista el articulo de nuestra pagina y no perder el contenido que se estaba leyendo en ese momento y no terminar cansándose y largándose de nuestra pagina web.&lt;br /&gt;&lt;br /&gt;Para poder hacer esto en algunos o todos los links de nuestra pagina web como nosotros deseemos, debemos primeramente tener en cuenta que este link que les muestro a continuación es el real y que todos solemos poner en nuestro blog al hacer enlaces y/o paginas externas:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&amp;lt;a href="http://www.google.com/"&amp;gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;Si modificamos ese link y le agregamos &lt;code&gt;&lt;span style="font-weight: bold;"&gt;target="_blank"&lt;/span&gt;&lt;/code&gt; podemos hacer que ese código que introducimos nos sirva para poder redireccionar ese link/enlace a otra nueva pestaña o ventana en nuestro navegador, de forma que el código de link/enlace quedaría de la siguiente forma:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&amp;lt;a href="http://www.google.com/" &lt;span style="color: rgb(255, 102, 102);"&gt;target="_blank&lt;/span&gt;"&amp;gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/links+en+pagina+externa" rel="tag"&gt;links en pagina externa&lt;/a&gt;, &lt;a href="http://technorati.com/tag/links+en+nueva+pagina" rel="tag"&gt;links en nueva pagina&lt;/a&gt;, &lt;a href="http://technorati.com/tag/links+en+nueva+pestaña" rel="tag"&gt;links en nueva pestaña&lt;/a&gt;, &lt;a href="http://technorati.com/tag/enlaces+de+blog+en+nuevo+pagina" rel="tag"&gt;enlaces de blog en nuevo pagina&lt;/a&gt;, &lt;a href="http://technorati.com/tag/enlaces+en+pagina+external" rel="tag"&gt;enlaces en pagina external&lt;/a&gt;, &lt;a href="http://technorati.com/tag/abrir+enlaces+en+nueva+pagina" rel="tag"&gt;abrir enlaces en nueva pagina&lt;/a&gt;, &lt;a href="http://technorati.com/tag/abrir+enlaces+en+nueva+pestaña." rel="tag"&gt;abrir enlaces en nueva pestaña.&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-2197903302529376519?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-11-11T10:58:10.853-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/11/abrir-links-en-una-nueva-pestanaventana.html</feedburner:origLink></item><item><title>Titulos de un articulo en forma muy llamativa</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/qTuW-7dQSwc/titulos-de-un-articulo-en-forma-muy.html</link><category>Blogger</category><category>Trucos</category><category>html</category><category>Blog</category><author>noreply@blogger.com (Johanna Gamarra)</author><pubDate>Tue, 10 Nov 2009 13:51:36 PST</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-4366972156447874296</guid><description>Aveces cuando &lt;span style="font-weight: bold;"&gt;necesitamos que un articulo sea leído y no pasado por alto por nuestros lectores&lt;/span&gt; o bien queremos &lt;span style="font-weight: bold;"&gt;resaltar ese articulo &lt;/span&gt;por algún motivo en especial necesitamos podes agregar algo a ese titulo que &lt;span style="font-weight: bold;"&gt;llame la atención&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Para eso podemos utilizar un truco que muchos ya conocemos pero poco lo utilizamos, y en este artículos les enseñare de que se trata y como realizarlo, ya que &lt;span style="font-weight: bold;"&gt;no tiene muchos secretos y es muy sencillo de aplicarlo&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Lo primero que debemos tener en cuenta que debemos utilizar etiquetas en nuestro titulo para poder lograr este efecto. La etiqueta que usaremos va a ser &lt;code&gt;&lt;span style="font-weight: bold;"&gt;&amp;lt;blink&amp;gt;&lt;/span&gt;&lt;/code&gt;, con la aclaración que este efecto que vamos a realizar no se puede visualizar en navegadores como &lt;span style="font-style: italic;"&gt;IE &lt;/span&gt;y &lt;span style="font-weight: bold;"&gt;Chrome&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Para aplicarlo solo debemos agregar la etiqueta &lt;code&gt;&lt;span style="font-weight: bold;"&gt;&amp;lt;blink&amp;gt;&lt;/span&gt;&lt;/code&gt; en &lt;span style="font-weight: bold;"&gt;el inicio de nuestro titulo&lt;/span&gt; y &lt;span style="font-weight: bold;"&gt;en el final del titulo&lt;/span&gt; la etiqueta de cierre &lt;code&gt;&lt;span style="font-weight: bold;"&gt;&amp;lt;/blink&amp;gt;&lt;/span&gt;&lt;/code&gt; y tendremos algo como esto:&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center; color: rgb(255, 102, 0);"&gt;&lt;blink&gt;&lt;span style="font-weight: bold;"&gt;Titulo de nuestro articulo&lt;/span&gt;&lt;/blink&gt;&lt;/div&gt;&lt;br /&gt;Y así seria el resultado que obtendremos en nuestro titulo brindándole un aspecto mas llamativo, pero una recomendación n&lt;span style="font-weight: bold;"&gt;o lo usen excesivamente porque podría molestar a sus lectore&lt;/span&gt;s.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-4366972156447874296?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-11-10T18:51:36.892-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/11/titulos-de-un-articulo-en-forma-muy.html</feedburner:origLink></item><item><title>Visualizar los videos de Youtube en Ventana Emergente</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/VfzSBOYeJ7M/visualizar-los-videos-de-youtube-en.html</link><category>Blogger</category><category>Tips</category><category>Trucos</category><category>Bloggers</category><category>html</category><author>noreply@blogger.com (Johanna Gamarra)</author><pubDate>Tue, 10 Nov 2009 13:27:31 PST</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-3310627869659701527</guid><description>Hay veces que al tener que hacer un post explicativo, tutoriales, etc.. Nos topamos con que tenemos que insertas los vídeos explicativos en cada sección de lo que deseamos explicar entonces se nos hace un poco difícil que en nuestra pagina se puedan visualizar correctamente los cuadros de vídeo por ejemplo los vídeos de &lt;span style="font-weight: bold;"&gt;Youtube&lt;/span&gt; ..&lt;br /&gt;&lt;br /&gt;Para poder evitar que esto suceda y no poder visualizar correctamente los vídeos, podemos optar por utilizar una &lt;span style="font-weight: bold;"&gt;Ventana Emergente&lt;/span&gt; o &lt;span style="font-weight: bold;"&gt;Pop-Up&lt;/span&gt; para poder visualizarlos en una ventana externa que nos brinde la seguridad de ver los vídeos correctamente, debemos primeramente tener el siguiente código para poder pegarlo en nuestros articulo/post:&lt;br /&gt;&lt;br /&gt;&amp;lt;a title="Ver video" href="javascript:void(0);" onclick="window.open('http://www.youtube.com/v/&lt;span style="color: rgb(255, 102, 102);"&gt;DnzuKKG6-AA&lt;/span&gt;&amp;amp;autoplay=1', 'popup', 'left=390, top=200, width=425, height=344, toolbar=0, resizable=1')"&amp;gt;&amp;lt;img src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Iconos/playvideoicon.gif" title="Ver video" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;Para poder modificar el vídeo que queremos que se vincule con la imagen de acceso como vamos a mostrar en el &lt;span style="font-weight: bold;"&gt;codigo HTML&lt;/span&gt; anterior marcado en color &lt;span style="color: rgb(255, 102, 102);"&gt;ROJO&lt;/span&gt; y modificar los últimos dígitos o códigos que aparecen como en este link de acceso para el vídeo que queremos vincular por ejemplo en el vídeo de &lt;span style="font-weight: bold;"&gt;Youtube&lt;/span&gt; les aparece esto a un costado y debemos copiar los que se ve en rojo y cambiarlo por lo que marque en &lt;span style="color: rgb(255, 102, 102);"&gt;ROJO&lt;/span&gt; en el &lt;span style="font-weight: bold;"&gt;código HTML&lt;/span&gt;:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img255.imageshack.us/img255/7158/urlyoutube.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 307px; height: 49px;" src="http://img255.imageshack.us/img255/7158/urlyoutube.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Y ya después de modificar ese dígito en &lt;span style="font-weight: bold;"&gt;la url del vídeo&lt;/span&gt; de nuestro&lt;span style="font-weight: bold;"&gt; código HTML&lt;/span&gt;, podemos ya tener listo nuestro código y &lt;span style="font-weight: bold;"&gt;poder visualizar de forma muy sencilla en una ventana emergente nuestro vídeo&lt;/span&gt;, sin riesgos que no se visualice correctamente.&lt;br /&gt;&lt;br /&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/visualizar+videos+en+ventana+emergente" rel="tag"&gt;visualizar videos en ventana emergente&lt;/a&gt;, &lt;a href="http://technorati.com/tag/ventana+emergente" rel="tag"&gt;ventana emergente&lt;/a&gt;, &lt;a href="http://technorati.com/tag/pop-up+para+video" rel="tag"&gt;pop-up para video&lt;/a&gt;, &lt;a href="http://technorati.com/tag/video+de+youtube+en+blog" rel="tag"&gt;video de youtube en blog&lt;/a&gt;, &lt;a href="http://technorati.com/tag/ventana+externa+de+video" rel="tag"&gt;ventana externa de video&lt;/a&gt;, &lt;a href="http://technorati.com/tag/ventana+emergente+para+videos" rel="tag"&gt;ventana emergente para videos&lt;/a&gt;, &lt;a href="http://technorati.com/tag/videos+en+ventana+emergente" rel="tag"&gt;videos en ventana emergente&lt;/a&gt;, &lt;a href="http://technorati.com/tag/videos+en+pop-up." rel="tag"&gt;videos en pop-up&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-3310627869659701527?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-11-10T18:27:31.486-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/11/visualizar-los-videos-de-youtube-en.html</feedburner:origLink></item><item><title>survivor series 2009 en vivo gratis</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/3K3b9EY4O1U/survivor-series-2009-en-vivo-gratis.html</link><author>noreply@blogger.com (JUAN MOSA)</author><pubDate>Mon, 09 Nov 2009 07:07:39 PST</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-8830421839829127508</guid><description>&lt;a href="http://wweenvivo.com/2009/10/tema-oficial-de-survivor-series-2009.html"&gt;survivor series&lt;/a&gt; es uno de los 4 más grandes eventos del año producidos por la WWE, este se llevara a cabo en el presente mes de noviembre el domingo 22,&amp;nbsp;para esta ocasión ya hay dos triple amenazas como peleas de fondo la primera entre el chico rompecorazones Shawn Michaels contra el rey de reyes triple h y el campeon &lt;a href="http://wweenvivo.com/2009/03/juega-y-pegale-john-cena.html"&gt;john cena&lt;/a&gt; midiendose por el campeonato de la WWE, por otro lado Undertaker&amp;nbsp;hará lo propio al enfrentarse al big show y a chris Jericho por el titulo peso pesado.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-8830421839829127508?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-11-09T12:07:39.283-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/11/survivor-series-2009-en-vivo-gratis.html</feedburner:origLink></item><item><title>Crear test simples para tu blog en minutos!</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/Y7K4DkUjh3c/crear-test-simples-para-tu-blog-en.html</link><author>noreply@blogger.com (Johanna Gamarra)</author><pubDate>Thu, 05 Nov 2009 14:57:18 PST</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-7184771502123618257</guid><description>&lt;span style="font-weight: bold;"&gt;¿Si te gustan los mini-tests o quieres crear uno para tu blog de Blogger?&lt;/span&gt; Entonces en estos &lt;a href="http://www.nianu.com/"&gt;anuncios&lt;/a&gt; te enseñare de una forma muy fácil como con un simple código HTML podemos crear un mini-test en solo minutos..&lt;br /&gt;&lt;br /&gt;Para empezar con esto solo debemos tener en cuenta que el mini-test que aparecerá en nuestro blog es el siguiente, si les gusta procedemos a que vean como se realiza:&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;span style="font-size:130%;"&gt;¿Qué significa W.W.W.?&lt;/span&gt;&lt;/center&gt;&lt;br /&gt;&lt;input name="b1" onclick="alert('Ni un poquito cerca');b1.checked;" type="radio"&gt;What we want!&lt;br /&gt;&lt;input name="b2" onclick="alert('¿En qué estás pensando?');b2.checked;" type="radio"&gt;Baño en inglés&lt;br /&gt;&lt;input name="b3" onclick="alert('¡Correcto!');b3.checked;" type="radio"&gt;World wide web&lt;br /&gt;&lt;input name="b4" onclick="alert('Hay que leer más');b4.checked;" type="radio"&gt;No significa nada&lt;br /&gt;&lt;br /&gt;Si les gusto y lo quieren realizar deben nada mas tener en cuenta el siguiente código HTML y pegarlo en un Elemento HTML/Javascript o bien en el mismo articulo en la parte de Edición HTML:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;center&amp;gt;&amp;lt;div style="&lt;span style="color: rgb(255, 153, 0);"&gt;background-"&amp;amp;gt&lt;/span&gt;;&amp;lt;span &amp;gt;&lt;span style="color: rgb(204, 51, 204);"&gt;¿Qué significa W.W.W.?&lt;/span&gt;&amp;lt;/span&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;/center&amp;gt;&amp;lt;div style="background-"&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;input name="b1" onclick="alert('&lt;span style="color: rgb(255, 102, 102);"&gt;Ni un poquito cerca&lt;/span&gt;');b1.checked;" type="radio"&amp;gt;&lt;span style="color: rgb(51, 102, 255);"&gt;What we want!&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;input name="b2" onclick="alert('&lt;span style="color: rgb(255, 102, 102);"&gt;¿En qué estás pensando?&lt;/span&gt;');b2.checked;" type="radio"&amp;gt;&lt;span style="color: rgb(51, 102, 255);"&gt;Baño en inglés&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;input name="b3" onclick="alert('&lt;span style="color: rgb(255, 102, 102);"&gt;¡Correcto!&lt;/span&gt;');b3.checked;" type="radio"&amp;gt;&lt;span style="color: rgb(51, 102, 255);"&gt;World wide web&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;input name="b4" onclick="alert('&lt;span style="color: rgb(255, 102, 102);"&gt;Hay que leer más&lt;/span&gt;');b4.checked;" type="radio"&amp;gt;&lt;span style="color: rgb(51, 102, 255);"&gt;No significa nada&lt;/span&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;Ya ese serie el código de la encuentra en si, pero podemos personalizarlo.. como ven en el código marque muchos lugares con colores distintivos, esto lo hice para poder explicarle que códigos modificar y para que sirve cada uno. El código que marque de color &lt;span style="color: rgb(255, 102, 102);"&gt;Rojo&lt;/span&gt; es para cambiar las respuestas que encontraran en el test, lo que marque en color &lt;span style="color: rgb(51, 102, 255);"&gt;Azul&lt;/span&gt; es para cambiar el resultado o alerta que se mostrara cuando el usuario toque la opción correcta o incorrecta, el código marcado en color &lt;span style="color: rgb(255, 153, 0);"&gt;Naranja&lt;/span&gt; indica que deben sustituirlo por '&lt;code&gt;background-color: #c27ba0;&lt;/code&gt;' &lt;span style="font-weight: bold;font-size:85%;" &gt;[esto es fundamental para el funcionamiento del mini-test&lt;/span&gt;&lt;span style="font-weight: bold;font-size:85%;" &gt;]&lt;/span&gt; y por ultimo el titulo o la pregunta clave del mini-test lo podemos cambiar modificando el texto que marque en &lt;span style="color: rgb(204, 51, 204);"&gt;Violeta&lt;/span&gt; por la pregunta que queremos formular en el mini-test.&lt;br /&gt;&lt;br /&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/agregar+un+mini-test" rel="tag"&gt;agregar un mini-test&lt;/a&gt;, &lt;a href="http://technorati.com/tag/mini+tests" rel="tag"&gt;mini tests&lt;/a&gt;, &lt;a href="http://technorati.com/tag/tests+para+blog" rel="tag"&gt;tests para blog&lt;/a&gt;, &lt;a href="http://technorati.com/tag/test+en+blogger" rel="tag"&gt;test en blogger&lt;/a&gt;, &lt;a href="http://technorati.com/tag/test+para+entradas+en+blogger" rel="tag"&gt;test para entradas en blogger&lt;/a&gt;, &lt;a href="http://technorati.com/tag/crear+mini+tests" rel="tag"&gt;crear mini tests&lt;/a&gt;, &lt;a href="http://technorati.com/tag/creacion+de+tests" rel="tag"&gt;creacion de tests&lt;/a&gt;, &lt;a href="http://technorati.com/tag/formulario+de+test+en+blogger" rel="tag"&gt;formulario de test en blogger&lt;/a&gt;, &lt;a href="http://technorati.com/tag/test+en+blogs." rel="tag"&gt;test en blogs&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-7184771502123618257?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-11-05T19:57:18.931-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/11/crear-test-simples-para-tu-blog-en.html</feedburner:origLink></item><item><title>Fabulosos Packs de Iconos para Diseñadores Web</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/kzjJRhN1sa8/fabulosos-packs-de-iconos-para.html</link><category>Diseño web</category><category>Diseno</category><author>noreply@blogger.com (Johanna Gamarra)</author><pubDate>Tue, 03 Nov 2009 12:57:28 PST</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-5887613846696106003</guid><description>El mundo del &lt;span style="font-weight: bold;"&gt;diseño web&lt;/span&gt; y el &lt;span style="font-weight: bold;"&gt;diseño gráfico&lt;/span&gt; hay muchas posibilidades en cuanto a imaginación y saben a que me refiero con eso, es decir, en &lt;span style="font-weight: bold;"&gt;el mundo del diseño&lt;/span&gt; podemos encontrarnos miles y miles de objetos que en unos simples pasos podemos utilizarlos para &lt;span style="font-weight: bold;"&gt;crear increíbles gráficos&lt;/span&gt; o presentaciones y dejar a mas de uno con la boca abierta.&lt;br /&gt;&lt;br /&gt;Por eso mismo es que siempre es bueno tener &lt;span style="font-weight: bold;"&gt;recursos gráficos&lt;/span&gt; como en este caso yo les vengo a ayudar con los recursos y les brindare unos cuantos iconos que pueden utilizar para &lt;span style="font-weight: bold;"&gt;el diseño web&lt;/span&gt; o gráfico y si le dan un buen uso les aseguro que &lt;span style="font-weight: bold;"&gt;harán maravillosos trabajos &lt;/span&gt;y poder realzar mas sus &lt;span style="font-weight: bold;"&gt;proyectos web&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img248.imageshack.us/img248/6066/developpersiconsbysekky.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 600px; height: 288px;" src="http://img248.imageshack.us/img248/6066/developpersiconsbysekky.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;a href="http://sekkyumu.deviantart.com/art/Developpers-Icons-63052312"&gt;Developpers Icons&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img262.imageshack.us/img262/3727/sketchyiconsbyazuresol3.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 545px; height: 409px;" src="http://img262.imageshack.us/img262/3727/sketchyiconsbyazuresol3.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;a href="http://azuresol.deviantart.com/art/Sketchy-Icons-134668163"&gt;Sketchy Icons&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img197.imageshack.us/img197/6430/iconsforsitebytit038232.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 566px; height: 284px;" src="http://img197.imageshack.us/img197/6430/iconsforsitebytit038232.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;a href="http://tit0.deviantart.com/art/Icons-for-site-36926020"&gt;For Sale Icons&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img20.imageshack.us/img20/9454/gaia09iconsbyimrik39598.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 600px; height: 449px;" src="http://img20.imageshack.us/img20/9454/gaia09iconsbyimrik39598.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;a href="http://imrik.deviantart.com/art/Gaia-09-Icons-132181006"&gt;Gaia 09 Icons&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img255.imageshack.us/img255/2053/gamingiconspackbydeleke.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 560px; height: 419px;" src="http://img255.imageshack.us/img255/2053/gamingiconspackbydeleke.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;a href="http://deleket.deviantart.com/art/Gaming-Icons-Pack-42723812"&gt;Gaming Icons&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img44.imageshack.us/img44/7923/iconsdeviceiconsetbykac.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 569px; height: 401px;" src="http://img44.imageshack.us/img44/7923/iconsdeviceiconsetbykac.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;a href="http://kac2or.deviantart.com/art/ICONS-Device-Icon-Set-55514860"&gt;Device Icons&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/packs+de+iconos" rel="tag"&gt;packs de iconos&lt;/a&gt;, &lt;a href="http://technorati.com/tag/pack+de+iconos" rel="tag"&gt;pack de iconos&lt;/a&gt;, &lt;a href="http://technorati.com/tag/iconos+para+dise%C3%B1o" rel="tag"&gt;iconos para diseño&lt;/a&gt;, &lt;a href="http://technorati.com/tag/recursos+para+dise%C3%B1adores" rel="tag"&gt;recursos para diseñadores&lt;/a&gt;, &lt;a href="http://technorati.com/tag/iconos+para+web" rel="tag"&gt;iconos para web&lt;/a&gt;, &lt;a href="http://technorati.com/tag/iconos+para+dise%C3%B1o+web" rel="tag"&gt;iconos para diseño web&lt;/a&gt;, &lt;a href="http://technorati.com/tag/herramientas+de+dise%C3%B1o" rel="tag"&gt;herramientas de diseño&lt;/a&gt;, &lt;a href="http://technorati.com/tag/iconos+para+dise%C3%B1o+grafico" rel="tag"&gt;iconos para diseño grafico&lt;/a&gt;, &lt;a href="http://technorati.com/tag/iconos+de+buena+calidad" rel="tag"&gt;iconos de buena calidad&lt;/a&gt;, &lt;a href="http://technorati.com/tag/pack+de+recursos+graficos." rel="tag"&gt;pack de recursos graficos&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-5887613846696106003?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-11-03T17:57:28.589-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/11/fabulosos-packs-de-iconos-para.html</feedburner:origLink></item><item><title>¿Como cambiar los colores de botones web?</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/AYG-S4_WYZo/como-cambiar-los-colores-de-botones-web.html</link><category>Blogger</category><category>Trucos</category><category>html</category><category>Blog</category><author>noreply@blogger.com (Johanna Gamarra)</author><pubDate>Mon, 02 Nov 2009 13:56:45 PST</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-3281652835970934446</guid><description>Si quieres &lt;span style="font-weight: bold;"&gt;darle un estilo un poco mas personalizado a los botones de tu pagina web&lt;/span&gt; o para alguna plantilla en especial &lt;span style="font-weight: bold;"&gt;podemos cambiarle los colores, las formas, etc..&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Para poder hacer eso no &lt;span style="font-weight: bold;"&gt;consta mas que agregar unos valores en HTML en el código original de un botón&lt;/span&gt; y se puede personalizar a nuestro gusto.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Aquí les dejare unos ejemplos con sus respectivos códigos HTML para que lo utilicen&lt;/span&gt;, también les dejare un ejemplo de la estructura de un botón simple como este:&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;input value="Buscar" name="button" type="submit"/&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;input value="Buscar" name="button" type="submit"&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;Este es el primer botón modificado, al cual le &lt;span style="font-weight: bold;"&gt;cambiamos el color de relleno del botón&lt;/span&gt; agregándole los valores que ven marcados en &lt;span style="color: rgb(255, 102, 102);"&gt;ROJO&lt;/span&gt;:&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;input &lt;span style="color: rgb(255, 102, 102);"&gt;style="&lt;/span&gt;&lt;span style="color: rgb(255, 102, 102);"&gt;background-color: #FF9900&lt;/span&gt;&lt;span style="color: rgb(255, 102, 102);"&gt;"&lt;/span&gt; value="Buscar" name="button" type="submit"/&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;input style="background-color: rgb(255, 153, 0);" value="Buscar" name="button" type="submit"&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;Ahora modificaremos algo mas al botón, tenemos la posibilidad de&lt;span style="font-weight: bold;"&gt; cambiar también el color del texto del botón&lt;/span&gt;, con solo agregarle este valor que vemos marcado en &lt;span style="color: rgb(51, 204, 0);"&gt;VERDE&lt;/span&gt; en este código:&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;input &lt;span style="color: rgb(51, 204, 0);"&gt;style="color: #FF0000"&lt;/span&gt; value="Buscar" name="button" type="submit"/&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;input style="color: rgb(255, 0, 0);" value="Buscar" name="button" type="submit"&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;También podemos &lt;span style="font-weight: bold;"&gt;modificar el fondo del botón por una imagen especifica&lt;/span&gt;, solo con agregar este valor marcado en &lt;span style="color: rgb(51, 102, 255);"&gt;AZUL&lt;/span&gt; al siguiente código:&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;input &lt;span style="color: rgb(51, 102, 255);"&gt;style="color: #ffffff; background: url('URL de la imagen')"&lt;/span&gt; value="Buscar" name="button" type="submit"&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;input style="background: transparent url(http://i33.tinypic.com/2j6afqg.jpg) repeat scroll 0% 0%; color: rgb(255, 255, 255); -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" value="Buscar" name="button" type="submit"&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;O también &lt;span style="font-weight: bold;"&gt;podemos añadirle un borde del tamaño que queremos solo con cambiarle el valor de numero&lt;/span&gt;, cuando mas alto mas grueso el trazo.. para poder agregarle ese borde debemos agregarle este valor que les marco en &lt;span style="color: rgb(204, 102, 0);"&gt;MARRÓN&lt;/span&gt; en el siguiente código:&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;input style="&lt;span style="color: rgb(204, 102, 0);"&gt;border: #000 1px solid&lt;/span&gt;; background-color: #FF99FF" value="Buscar" name="button" type="submit"&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;&lt;center&gt;&lt;input style="border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 153, 255);" value="Buscar" name="button" type="submit"&gt;&lt;/center&gt;&lt;br /&gt;&lt;br /&gt;Con esos ejemplos ya pueden tener los códigos HTML suficientes para poder modificarlos a su gusto y placer, y también podemos modificar el texto '&lt;span style="font-weight: bold;"&gt;Buscar&lt;/span&gt;' por otro que nos guste mas, porque&lt;span style="font-weight: bold;"&gt; recuerden que se puede utilizar para muchos otros botones no solo para los de búsqueda&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/cambiar+colores+de+los+botones" rel="tag"&gt;cambiar colores de los botones&lt;/a&gt;, &lt;a href="http://technorati.com/tag/botones+web" rel="tag"&gt;botones web&lt;/a&gt;, &lt;a href="http://technorati.com/tag/cambiar+estilo+de+boton" rel="tag"&gt;cambiar estilo de boton&lt;/a&gt;, &lt;a href="http://technorati.com/tag/botones+personalizados" rel="tag"&gt;botones personalizados&lt;/a&gt;, &lt;a href="http://technorati.com/tag/personalizar+botones+web" rel="tag"&gt;personalizar botones web&lt;/a&gt;, &lt;a href="http://technorati.com/tag/botones+de+paginas+personalizados" rel="tag"&gt;botones de paginas personalizados&lt;/a&gt;, &lt;a href="http://technorati.com/tag/cambiar+estilo+de+botones+web" rel="tag"&gt;cambiar estilo de botones web&lt;/a&gt;, &lt;a href="http://technorati.com/tag/botones+web+con+estilo" rel="tag"&gt;botones web con estilo&lt;/a&gt;, &lt;a href="http://technorati.com/tag/a%C3%B1adir+borde+en+botones" rel="tag"&gt;añadir borde en botones&lt;/a&gt;, &lt;a href="http://technorati.com/tag/botones+con+borde+de+color" rel="tag"&gt;botones con borde de color&lt;/a&gt;, &lt;a href="http://technorati.com/tag/cambiar+color+de+texto+en+botones" rel="tag"&gt;cambiar color de texto en botones&lt;/a&gt;, &lt;a href="http://technorati.com/tag/cambiar+texto+de+botones+web." rel="tag"&gt;cambiar texto de botones web&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-3281652835970934446?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-11-02T18:56:45.038-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/11/como-cambiar-los-colores-de-botones-web.html</feedburner:origLink></item><item><title>wwe survivor series 2009 en vivo</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/i0hlOKk_ScY/wwe-survivor-series-2009-en-vivo.html</link><author>noreply@blogger.com (JUAN MOSA)</author><pubDate>Sat, 31 Oct 2009 12:32:04 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-7705544959783857518</guid><description>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://www.wwe.com/content/media/wallpapers/1024x768/12222462" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="300" src="http://www.wwe.com/content/media/wallpapers/1024x768/12222462" vr="true" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
Survivor series 2009 es uno de los eventos de pague por ver más importantes del año las cuales la produce la world wrestling enterteiment "WWE" para esta ocasión el campeón de la &lt;a href="http://wweenvivo.com/"&gt;WWE&lt;/a&gt; The Marine, el popular you Cant see mee &lt;a href="http://wweenvivo.com/2009/03/juega-y-pegale-john-cena.html"&gt;John Cena&lt;/a&gt; defenderá el título ante The Heartbreak kid Shawn Michaels "HBK" y el Juego King of King Triple H, lo propio hará Mark Calaway "the Undertaker" al defender su título ante el Big show y Chris Jericho en una noche que promete hacer recordar los buenos tiempos de la WWF, en la que todos los ingredientes ya esta listos.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-7705544959783857518?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-31T16:32:04.788-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/wwe-survivor-series-2009-en-vivo.html</feedburner:origLink></item><item><title>Creación de ventanas PopUp</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/s7I22ZBdygo/creacion-de-ventanas-popup.html</link><category>Blogger</category><category>Trucos</category><category>Imagenes</category><category>html</category><category>Blog</category><author>noreply@blogger.com (Johanna Gamarra)</author><pubDate>Fri, 30 Oct 2009 06:57:18 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-2266970062365393483</guid><description>&lt;span style="font-weight: bold;"&gt;Para muchas otras utilizaciones se pueden usar las ventanas PopUp no solamente para mostrar publicidad&lt;/span&gt;, aveces necesitamos pegar archivos muy grandes o también el poder visualizar imágenes en otra ventana por cualquier problema o simplemente por querer darle otro aire a nuestros artículos.&lt;br /&gt;&lt;br /&gt;Para poder crearlas debemos primeramente entrar en el &lt;span style="font-weight: bold;"&gt;Panel de Blogger&lt;/span&gt; --- &lt;span style="font-weight: bold;"&gt;Diseño&lt;/span&gt; --- &lt;span style="font-weight: bold;"&gt;Edición HTML&lt;/span&gt; y antes de el código &lt;span style="font-weight: bold;"&gt;&lt;code&gt;&amp;lt;/head&amp;gt;&lt;/code&gt;&lt;/span&gt; debemos pegar esto:&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;script language="JavaScript"&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;!-- script para ventanas PopUp --&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;!-- Begin&lt;br /&gt;&lt;br /&gt;function popUp(URL) {&lt;br /&gt;&lt;br /&gt;day = new Date();&lt;br /&gt;&lt;br /&gt;id = day.getTime();&lt;br /&gt;&lt;br /&gt;eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,&lt;br /&gt;&lt;br /&gt;width=500,height=300,left = 390,top = 250');");&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;// End --&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;Para modificar el código pueden cambiar:&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Toolbar&lt;/span&gt; (barra de herramientas)&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Scrollbars&lt;/span&gt; (barras de desplazamiento)&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Location&lt;/span&gt; (barra de direcciones)&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Statusbar&lt;/span&gt; (barra de estado)&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Menubar&lt;/span&gt; (barra de menú)&lt;/li&gt;&lt;li&gt;&lt;span style="font-weight: bold;"&gt;Resizable&lt;/span&gt; (modificar tamaño de la ventana)&lt;/li&gt;&lt;/ul&gt;Solo cambiando el valor '&lt;span style="font-weight: bold;"&gt;0&lt;/span&gt;' de lo que nombre en el punto anterior y cambiando ese '&lt;span style="font-weight: bold;"&gt;0&lt;/span&gt;' por un '&lt;span style="font-weight: bold;"&gt;1&lt;/span&gt;' podemos añadir cualquiera de las opciones anteriores. Y para cambiar el tamaño de la ventana que aparece hay que cambiar el valor de tamaño &lt;span style="font-weight: bold;"&gt;widgt&lt;/span&gt; (ancho) y &lt;span style="font-weight: bold;"&gt;height&lt;/span&gt; (alto).&lt;br /&gt;&lt;br /&gt;Cuando tenemos hecho eso ya guardamos la plantilla y luego vamos a nuestro &lt;span style="font-weight: bold;"&gt;Panel de Blogger&lt;/span&gt; --- &lt;span style="font-weight: bold;"&gt;Diseño&lt;/span&gt; --- &lt;span style="font-weight: bold;"&gt;Elemento de Plantilla&lt;/span&gt; y después creamos un nuevo widget del tipo &lt;span style="font-weight: bold;"&gt;HTML/Javascript&lt;/span&gt; y pegamos lo siguiente:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;a href="javascript:popUp('&lt;span style="color: rgb(255, 102, 102);"&gt;URL del documento&lt;/span&gt;')"&amp;gt;&lt;span style="color: rgb(255, 153, 0);"&gt;Abrir ventana&lt;/span&gt; &lt;span style="color: rgb(255, 153, 0);"&gt;PopUp&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;span style="font-size:85%;"&gt;Si quieres modificar debes cambiar lo que marque en '&lt;span style="color: rgb(255, 102, 102);"&gt;Rojo&lt;/span&gt;' lo cambiamos por la &lt;span style="font-weight: bold;"&gt;URL del archivo, imagen, etc&lt;/span&gt;.. Y para&lt;span style="font-weight: bold;"&gt; cambiar el nombre que aparece en el enlace&lt;/span&gt; deben modificar lo que marque en '&lt;span style="color: rgb(255, 153, 0);"&gt;Naranja&lt;/span&gt;'.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Ejemplo&lt;/span&gt;;&lt;br /&gt;&lt;br /&gt;&lt;a href="javascript:popUp('http://img5.imageshack.us/img5/8114/4001207616271alcanzando.jpg')"&gt;Abrir ventana PopUp&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Y después &lt;span style="font-weight: bold;"&gt;podemos modificar el código y agregarle un botón para clickear&lt;/span&gt; &lt;span style="font-weight: bold;"&gt;o una imagen,&lt;/span&gt; así de la siguiente manera modificaremos el código para agregar un botón o una imagen.&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;form&amp;gt;&lt;br /&gt;&amp;lt;input type=button value="Abrir ventana PopUp" onClick="javascript:popUp('&lt;span style="color: rgb(255, 102, 102);"&gt;URL del documento&lt;/span&gt;')"&amp;gt;&lt;br /&gt;&amp;lt;/form&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-size:85%;"&gt;Debemos modificar de la misma manera que en el anterior lo marcado en '&lt;span style="color: rgb(255, 102, 102);"&gt;Rojo&lt;/span&gt;'.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;font-size:100%;" &gt;Ejemplo;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;form&gt;&lt;br /&gt;&lt;input value="Abrir ventana PopUp" onclick="javascript:popUp('http://img5.imageshack.us/img5/8114/4001207616271alcanzando.jpg')" type="button"&gt;&lt;br /&gt;&lt;/form&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Y con una imagen debemos modificar el código de esta forma:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;a href="javascript:popUp('&lt;span style="color: rgb(255, 102, 102);"&gt;URL del documento&lt;/span&gt;')"&amp;gt;&amp;lt;img src="&lt;span style="color: rgb(255, 153, 0);"&gt;URL de la imagen&lt;/span&gt;" /&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="javascript:popUp('http://img5.imageshack.us/img5/8114/4001207616271alcanzando.jpg')"&gt;&lt;img src="http://img408.imageshack.us/img408/5413/popupabrir.png" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;Modificamos de la misma forma que el anterior. Y &lt;span style="font-weight: bold;"&gt;ya vamos a tener nuestra ventana PopUp personalizada&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/agregar+popup" rel="tag"&gt;agregar popup&lt;/a&gt;, &lt;a href="http://technorati.com/tag/crear+un+popup" rel="tag"&gt;crear un popup&lt;/a&gt;, &lt;a href="http://technorati.com/tag/ventana+de+popup" rel="tag"&gt;ventana de popup&lt;/a&gt;, &lt;a href="http://technorati.com/tag/creacion+de+ventanas+popup" rel="tag"&gt;creacion de ventanas popup&lt;/a&gt;, &lt;a href="http://technorati.com/tag/popup+para+blog" rel="tag"&gt;popup para blog&lt;/a&gt;, &lt;a href="http://technorati.com/tag/enlaces+con+popup" rel="tag"&gt;enlaces con popup&lt;/a&gt;, &lt;a href="http://technorati.com/tag/ventanas+popup+personalizadas" rel="tag"&gt;ventanas popup personalizadas&lt;/a&gt;, &lt;a href="http://technorati.com/tag/blogger+popup." rel="tag"&gt;blogger popup&lt;/a&gt;.&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-2266970062365393483?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-30T10:57:18.261-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/creacion-de-ventanas-popup.html</feedburner:origLink></item><item><title>Programa para editar imagenes Gratis</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/0Q00rux2yRA/programa-para-editar-imagenes-gratis.html</link><category>Herramientas</category><author>facundopomar@hotmail.com (Facundo)</author><pubDate>Thu, 29 Oct 2009 17:10:39 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-1249162268190896215</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://i.imagehost.org/0091/webnovedad.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 535px; height: 119px;" src="http://i.imagehost.org/0091/webnovedad.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;Web Novedad es un excelente portal en el cual podremos encontrar novedades de Internet, descargas, aplicaciones y mucho más.&lt;br /&gt;La razón por la cual quiero destacarla es por su contenido, ya que pudimos ver artículos muy útiles para los usuarios de programas de diseño y editores, aunque también dedican un espacio a los principiantes.&lt;br /&gt;&lt;br /&gt;Un ejemplo de esto, es este excelente &lt;a href="http://webnovedad.com/descargar-programa-para-editar-imagenes/"&gt;Programa para editar imagenes&lt;/a&gt; llamado &lt;span style="font-weight: bold;"&gt;Splashup light&lt;/span&gt;, un programa tan simple como eficaz, dedicado íntegramente a solucionar las necesidades básicas de edición, pero con una gran sencillez, haciéndolo muy útil para usuarios que necesitan un buen programa de edición, pero no cuentan con los conocimientos para poder utilizar una aplicación muy avanzada.&lt;br /&gt;&lt;br /&gt;Puedo decirles entonces, que este portal ofrece una gran solución, al momento de encontrar un programa para una utilidad determinada, dándonos como resultado opciones clásicas, como también las siempre útiles aplicaciones online.&lt;br /&gt;&lt;br /&gt;Así que, recuerden esta referencia cuando tengan un nuevo proyecto entre sus manos, de seguro les será útil.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-1249162268190896215?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-29T21:10:39.217-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/programa-para-editar-imagenes-gratis.html</feedburner:origLink></item><item><title>Un poco de humor en tu blog..</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/H9WPZl6FKDs/un-poco-de-humor-en-tu-blog.html</link><category>Blogger</category><category>Widgets</category><category>html</category><category>Blog</category><author>noreply@blogger.com (Johanna Gamarra)</author><pubDate>Thu, 29 Oct 2009 18:07:15 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-9108841971433461252</guid><description>Si eres de aquellos que son bromistas, y que les gusta divertir a la gente.. entonces te traigo dos muy buenas bromas para que insertes en tu blog y hacerle llevar un buen sustito a los lectores de tu blog/web.&lt;br /&gt;&lt;br /&gt;El primer truco es para mostrar una ventana de error en nuestro blog/web cuando el lector quiere usar el teclado, diciéndole 'Teclado Bloqueado' y para poder colocarlo debemos pegar el siguiente código en un elemento HTML/Javascript en el Panel de Blogger:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;script language="JavaScript"&amp;gt;function tecla(){alert('TECLADO BLOQUEADO')}; document.onkeydown=tecla;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;Y quedaría de esta forma:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img213.imageshack.us/img213/8185/tecladoblocked.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 391px; height: 151px;" src="http://img213.imageshack.us/img213/8185/tecladoblocked.png" alt="" border="0" /&gt;&lt;/a&gt;El segundo truco es para que se visualice en la sidebar un botón que diga 'NO TOCAR!' y que cuando el lector lo clickee la ventana del navegador tiemble. Para poder colocarlo debemos pegar el siguiente código en un elemento HTML/Javascript en el Panel de Blogger:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;script language="JavaScript"&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;!-- Begin&lt;br /&gt;&lt;br /&gt;// Cache-busting LUBID bug.&lt;br /&gt;&lt;br /&gt;var ran = Math.round(Math.random() * 899999) + 100000;&lt;br /&gt;&lt;br /&gt;var lubid_string = "&amp;lt;img src="http://www.ciudadblogger.com" + ran + "" height="1" width="1"&amp;gt;";&lt;br /&gt;&lt;br /&gt;document.write(lubid_string);&lt;br /&gt;&lt;br /&gt;//--&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;!-- start special adskins ad call insert --&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;!-- TEMPORARY POP UNDER --&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;script language="JavaScript"&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;!--&lt;br /&gt;&lt;br /&gt;function showNow(scale)&lt;br /&gt;&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;var expdate = new Date ();&lt;br /&gt;&lt;br /&gt;var surveyCookieName = "MMPOPUNDER3";&lt;br /&gt;&lt;br /&gt;var percentOfferedSurvey = 100;&lt;br /&gt;&lt;br /&gt;var surveyLocation = "";&lt;br /&gt;&lt;br /&gt;var popupNewWindow = true;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;expdate.setTime (expdate.getTime() + (24 * 60 * 60 * 1000));&lt;br /&gt;&lt;br /&gt;var stored_value = GetCookie(surveyCookieName);&lt;br /&gt;&lt;br /&gt;if (stored_value == null)&lt;br /&gt;&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;SetCookie(surveyCookieName, "alreadyOffered", expdate, "", "");&lt;br /&gt;&lt;br /&gt;nowWin = window.open(surveyLocation,'Now','height=400,width=600,toolbar=no,directories=no, status=no,menubar=no,scrollbars=no,resizable=no');&lt;br /&gt;&lt;br /&gt;nowWin.blur()&lt;br /&gt;&lt;br /&gt;window.focus()&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;function SetCookie (name,value,expires,path,domain,secure)&lt;br /&gt;&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;document.cookie = name + "=" + escape (value) +&lt;br /&gt;&lt;br /&gt;((expires) ? "; expires=" + expires.toGMTString() : "") +&lt;br /&gt;&lt;br /&gt;((path) ? "; path=" + path : "") +&lt;br /&gt;&lt;br /&gt;((domain) ? "; domain=" + domain : "") +&lt;br /&gt;&lt;br /&gt;((secure) ? "; secure" : "");&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;function getCookieVal (offset)&lt;br /&gt;&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;var endstr = document.cookie.indexOf (";", offset);&lt;br /&gt;&lt;br /&gt;if (endstr == -1)&lt;br /&gt;&lt;br /&gt;endstr = document.cookie.length;&lt;br /&gt;&lt;br /&gt;return unescape(document.cookie.substring(offset, endstr));&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;function GetCookie (name)&lt;br /&gt;&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;var arg = name + "=";&lt;br /&gt;&lt;br /&gt;var alen = arg.length;&lt;br /&gt;&lt;br /&gt;var clen = document.cookie.length;&lt;br /&gt;&lt;br /&gt;if( (document.cookie == null) || (document.cookie.length == null))&lt;br /&gt;&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;return null;&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;var i = 0;&lt;br /&gt;&lt;br /&gt;while (i &amp;lt; clen)&lt;br /&gt;&lt;br /&gt;{&lt;br /&gt;&lt;br /&gt;var j = i + alen;&lt;br /&gt;&lt;br /&gt;if (document.cookie.substring(i, j) == arg)&lt;br /&gt;&lt;br /&gt;return getCookieVal (j);&lt;br /&gt;&lt;br /&gt;i = document.cookie.indexOf(" ", i) + 1;&lt;br /&gt;&lt;br /&gt;if (i == 0) break;&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;return null;&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;showNow();&lt;br /&gt;&lt;br /&gt;//--&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;script language="JavaScript1.2"&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;!-- Begin&lt;br /&gt;&lt;br /&gt;function shak(n) {&lt;br /&gt;&lt;br /&gt;if (parent.moveBy) {&lt;br /&gt;&lt;br /&gt;for (i = 10; i &amp;gt; 0; i--) {&lt;br /&gt;&lt;br /&gt;for (j = n; j &amp;gt; 0; j--) {&lt;br /&gt;&lt;br /&gt;parent.moveBy(5,i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(i,5);&lt;br /&gt;&lt;br /&gt;parent.moveBy(5,-i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(-i,5);&lt;br /&gt;&lt;br /&gt;parent.moveBy(5,i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(i,5);&lt;br /&gt;&lt;br /&gt;parent.moveBy(5,-i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(-i,5);&lt;br /&gt;&lt;br /&gt;parent.moveBy(5,i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(i,5);&lt;br /&gt;&lt;br /&gt;parent.moveBy(5,-i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(-i,5);&lt;br /&gt;&lt;br /&gt;parent.moveBy(2,i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(i,2);&lt;br /&gt;&lt;br /&gt;parent.moveBy(2,-i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(-i,2);&lt;br /&gt;&lt;br /&gt;parent.moveBy(2,i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(i,2);&lt;br /&gt;&lt;br /&gt;parent.moveBy(2,-i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(-i,2);&lt;br /&gt;&lt;br /&gt;parent.moveBy(2,i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(i,2);&lt;br /&gt;&lt;br /&gt;parent.moveBy(2,-i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(-i,2);&lt;br /&gt;&lt;br /&gt;parent.moveBy(0,i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(i,0);&lt;br /&gt;&lt;br /&gt;parent.moveBy(0,-i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(-i,0);&lt;br /&gt;&lt;br /&gt;parent.moveBy(0,i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(i,0);&lt;br /&gt;&lt;br /&gt;parent.moveBy(0,-i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(-i,0);&lt;br /&gt;&lt;br /&gt;parent.moveBy(0,i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(i,0);&lt;br /&gt;&lt;br /&gt;parent.moveBy(0,-i);&lt;br /&gt;&lt;br /&gt;parent.moveBy(-i,0);&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;// End --&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;input value="¡ NO TOCAR !" onclick="shak(2)" type="button"/&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;Y quedaría así:&lt;br /&gt;&lt;br /&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img2.imageshack.us/img2/8686/notocara.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 273px; height: 83px;" src="http://img2.imageshack.us/img2/8686/notocara.png" alt="" border="0" /&gt;&lt;/a&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/humor+para+blog" rel="tag"&gt;humor para blog&lt;/a&gt;, &lt;a href="http://technorati.com/tag/ventanas+humoristicas+para+blog" rel="tag"&gt;ventanas humoristicas para blog&lt;/a&gt;, &lt;a href="http://technorati.com/tag/ventanas+para+humor" rel="tag"&gt;ventanas para humor&lt;/a&gt;, &lt;a href="http://technorati.com/tag/broma+para+lectores" rel="tag"&gt;broma para lectores&lt;/a&gt;, &lt;a href="http://technorati.com/tag/humor+en+blog+para+lector." rel="tag"&gt;humor en blog para lector.&lt;/a&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-9108841971433461252?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-29T22:07:15.014-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/un-poco-de-humor-en-tu-blog.html</feedburner:origLink></item><item><title>Oposición a Policía Nacional en Valencia</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/bJhFGvC5fmE/oposicion-policia-nacional-en-valencia.html</link><author>facundopomar@hotmail.com (Facundo)</author><pubDate>Wed, 28 Oct 2009 19:30:35 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-738203252113175972</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://i.imagehost.org/0597/policia.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 283px; height: 215px;" src="http://i.imagehost.org/0597/policia.jpg" alt="" border="0" /&gt;&lt;/a&gt;Cuando se trata de definir &lt;span style="font-weight: bold;"&gt;nuestro futuro&lt;/span&gt;, por supuesto siempre buscamos buenas opciones para poder establecernos. El factor mas importante a tener en cuenta sin duda &lt;span style="font-weight: bold;"&gt;es el sueldo&lt;/span&gt;, el cual nos definirá la calidad de vida que tendremos.&lt;br /&gt;&lt;br /&gt;Una institución que nos puede asegurar una buena remuneración, acompañada de posibilidades constantes de &lt;span style="font-weight: bold;"&gt;promoción y especialización&lt;/span&gt; es la &lt;span style="font-weight: bold;"&gt;Policía Nacional&lt;/span&gt;, que cada año convoca miles de plazas para ocupar nuevos puestos.&lt;br /&gt;&lt;br /&gt;Un punto en contra tal vez, es la dificultad para lograr la inserción, la cual es un filtro para los que no son aptos para el ingreso.&lt;br /&gt;&lt;br /&gt;Por eso mismo les presento el sistema de &lt;span style="font-weight: bold;"&gt;Aclys Formación&lt;/span&gt;, que consta de un curso Para &lt;a href="http://www.aclysformacion.com/Paginas/policianacional.htm"&gt;Oposición a Policía Nacional en Valencia&lt;/a&gt;, el cual está conformado por un sistema de "&lt;strong style="font-weight: normal; font-style: italic;"&gt;preparación&lt;/strong&gt;&lt;span style="font-style: italic;"&gt; y metodología didáctica&lt;/span&gt;" realmente efectivo y con un alto grado de inserción de alumnos totales.&lt;br /&gt;&lt;br /&gt;Si estas dispuesto tienes a tu alcance una planificación de estudio personalizada acorde con tus necesidades pedagógicas.&lt;br /&gt;Así que ya no tienes excusas a la hora de decidirte por un futuro mejor.&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-738203252113175972?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-28T23:30:35.135-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/oposicion-policia-nacional-en-valencia.html</feedburner:origLink></item><item><title>septoplastia cirugia de la nariz para respirar mejor</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/zRQ9fVbByFc/septoplastia-cirugia-de-la-nariz-para.html</link><author>noreply@blogger.com (JUAN MOSA)</author><pubDate>Wed, 28 Oct 2009 07:08:47 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-8386151543397260990</guid><description>La &lt;a href="http://cirugiamedica.net/2009/09/septoplastia.html"&gt;septoplastia&lt;/a&gt; es una operación que se realiza con el fin de mejorar la respiración del individuo creada por el tabique desviado, esta operación es muy comun pero no estetica ya que no se remodela para nada la forma de la nariz y si esta desviada esta no recuperará su forma a menos que la septoplastia se asocie con la &lt;a href="http://cirugiamedica.net/2009/08/rinoplastia.html"&gt;rinoplastia&lt;/a&gt; en estos casos los cambios vendrían a ser esteticos y funcionales al mismo tiempo.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-8386151543397260990?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-28T11:08:47.943-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/septoplastia-cirugia-de-la-nariz-para.html</feedburner:origLink></item><item><title>Codigo HTML para Enlaces y Banners en movimiento</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/QhKpsUEqI7M/codigo-html-para-enlaces-y-banners-en.html</link><category>Blogger</category><category>Trucos</category><category>Widgets</category><category>html</category><category>Blog</category><author>noreply@blogger.com (Johanna Gamarra)</author><pubDate>Wed, 28 Oct 2009 10:36:05 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-3850355263764017451</guid><description>Si queremos colocar varios banners o enlaces en nuestro blog podemos colocarlos manualmente y que los mismo ocupen un amplio espacio en nuestra sidebar, por eso mismo podemos ahorrar todo ese espacio que ocupan en otras publicidades o algun widget que necesitemos colocar y de esta manera que resulte mucho mas elegante.&lt;br /&gt;&lt;br /&gt;Con &lt;span style="font-weight: bold;"&gt;un simple código HTML podemos lograr el poder varios enlaces o banner en movimiento de arriba hacia abajo&lt;/span&gt; y así lograr que de un efecto de movimiento muy eficaz y liberar mucho espacio en nuestra sidebar.&lt;br /&gt;&lt;br /&gt;Para hacerlo debemos ingresar en nuestro &lt;span style="font-weight: bold;"&gt;Panel de Blogger&lt;/span&gt; --- &lt;span style="font-weight: bold;"&gt;Elementos de Pagina&lt;/span&gt; y &lt;span style="font-weight: bold;"&gt;creamos un nuevo widget&lt;/span&gt;&lt;span style="font-size:85%;"&gt; &lt;/span&gt;&lt;span style="color: rgb(153, 153, 153);font-size:85%;" &gt;(HTML/Javascript)&lt;/span&gt; y pegamos lo siguiente:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;marquee direction="up" style="text-align: center; width:200px;height:150px;border:1px solid #ccc;padding:3px" onmouseover="this.scrollAmount='0'" scrollamount="1" onmouseout="this.scrollAmount='2'"&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;a href="&lt;span style="color: rgb(153, 153, 255);"&gt;URL del enlace 1&lt;/span&gt;"&amp;gt;&lt;span style="color: rgb(255, 102, 102);"&gt;Nombre del enlace 1&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;br/&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;a href="&lt;span style="color: rgb(153, 153, 255);"&gt;URL del enlace 2&lt;/span&gt;"&amp;gt;&lt;span style="color: rgb(255, 102, 102);"&gt;Nombre del enlace 2&lt;/span&gt;&amp;lt;/a&amp;gt;&amp;lt;br/&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;a href="&lt;span style="color: rgb(153, 153, 255);"&gt;URL del enlace 3&lt;/span&gt;"&amp;gt;&lt;span style="color: rgb(255, 102, 102);"&gt;Nombre del enlace 3&lt;/span&gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;/marquee&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="font-style: italic;"&gt;Para poder modificar el link y el nombre del link que queremos mostrar en lugar del banner tenemos que cambiar lo que marque en color 'Azul' por el link de la pagina a la cual va direccionado el enlace y lo que marque en color 'Rojo' el nombre del enlace que deseamos mostrar.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;Sin embargo, &lt;span style="font-weight: bold;"&gt;si quieren hacer estos enlaces con sus banners deberían pegar este código en lugar del anterior&lt;/span&gt;:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;marquee direction="up" style="text-align: center; width:200px;height:150px;border:1px solid #ccc;padding:3px" onmouseover="this.scrollAmount='0'" scrollamount="1" onmouseout="this.scrollAmount='2'"&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;a href="&lt;span style="color: rgb(0, 153, 0);"&gt;URL del enlace 1&lt;/span&gt;"&amp;gt;&amp;lt;img src="&lt;span style="color: rgb(255, 153, 102);"&gt;URL de la imagen 1&lt;/span&gt;"/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;br/&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;a href="&lt;span style="color: rgb(0, 153, 0);"&gt;URL del enlace 2&lt;/span&gt;"&amp;gt;&amp;lt;img src="&lt;span style="color: rgb(255, 153, 102);"&gt;URL de la imagen 2&lt;/span&gt;"/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;br/&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;a href="&lt;span style="color: rgb(0, 153, 0);"&gt;URL del enlace 3&lt;/span&gt;"&amp;gt;&amp;lt;img src="&lt;span style="color: rgb(255, 153, 102);"&gt;URL de la imagen 3&lt;/span&gt;"/&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;/marquee&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;También podemos cambiar y personalizar nuestro código:&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;&lt;code&gt;&amp;lt;marquee direction="&lt;span style="color: rgb(255, 204, 0);"&gt;up&lt;/span&gt;"&amp;gt; - &lt;span style="font-weight: bold;"&gt;Cambiando el codigo que marque en color podemos modificar para que direccion se movera, podemos escoger entre 'up', 'down', 'left' y 'right'.&lt;/span&gt;&lt;br /&gt;&lt;/code&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;&lt;code&gt;width:&lt;span style="color: rgb(51, 204, 255);"&gt;200px&lt;/span&gt;;height:&lt;span style="color: rgb(51, 204, 255);"&gt;150px&lt;/span&gt;; - &lt;span style="font-weight: bold;"&gt;Cambiamos el tamaño del cuadro donde apareceran los banners o enlaces.&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;&lt;code&gt;border:&lt;span style="color: rgb(255, 153, 255);"&gt;1px&lt;/span&gt; solid &lt;span style="color: rgb(255, 153, 255);"&gt;#ccc&lt;/span&gt;; - &lt;span style="font-weight: bold;"&gt;cambiamos, eliminamos o agregamos color al borde que se mostrara en el cuadro de los enlaces o banners.&lt;/span&gt;&lt;/code&gt;&lt;/span&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="font-size:100%;"&gt;scrollamount="&lt;/span&gt;&lt;span style="color: rgb(102, 0, 204);font-size:100%;" &gt;1&lt;/span&gt;&lt;span style="font-size:100%;"&gt;" - &lt;span style="font-weight: bold;"&gt;la velocidad en la cual se pasaran los enlaces o links en nuestra ventana, cuanto mas alto el valor en numero mas velocidad obtendrá.&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class="tag_list"&gt;&lt;span style="font-weight: bold;"&gt;Quedarían así&lt;/span&gt;:&lt;br /&gt;&lt;div style="text-align: center; font-weight: bold;"&gt;Ejemplo del codigo 1&lt;br /&gt;&lt;br /&gt;&lt;marquee direction="up" style="border: 1px solid rgb(204, 204, 204); padding: 3px; text-align: center; width: 200px; height: 150px;" onmouseover="this.scrollAmount='0'" scrollamount="1" onmouseout="this.scrollAmount='2'"&gt;&lt;br /&gt;&lt;a href="http://www.juglarblog.info/2009/10/alternativa-para-ver-ultimas-entradas.html"&gt;Alternativa para ver ultimas entradas!&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.juglarblog.info/2009/10/script-para-recargar-una-pagina-web-sin.html"&gt;Script para recargar pagina automáticamente!&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/marquee&gt;&lt;br /&gt;&lt;br /&gt;&lt;marquee direction="up" style="border: 1px solid rgb(204, 204, 204); padding: 3px; text-align: center; width: 200px; height: 310px;" onmouseover="this.scrollAmount='0'" scrollamount="2" onmouseout="this.scrollAmount='2'"&gt;&lt;br /&gt;&lt;a href="http://www.juglarblog.info/"&gt;&lt;img src="http://i932.photobucket.com/albums/ad166/juglar/Juglar%20Blog/banner_juglarblog20_125x.png" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;a href="http://www.caidosdelarealidad.com/"&gt;&lt;img src="http://f.imagehost.org/0758/banner_caidosdelarealidad_125x125_reloader.jpg" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/marquee&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;br /&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/agregar+una+caja+de+banners" rel="tag"&gt;agregar una caja de banners&lt;/a&gt;, &lt;a href="http://technorati.com/tag/banners+en+movimiento" rel="tag"&gt;banners en movimiento&lt;/a&gt;, &lt;a href="http://technorati.com/tag/enlaces+flotantes" rel="tag"&gt;enlaces flotantes&lt;/a&gt;, &lt;a href="http://technorati.com/tag/enlaces+en+movimientos" rel="tag"&gt;enlaces en movimientos&lt;/a&gt;, &lt;a href="http://technorati.com/tag/caja+de+enlaces+movible" rel="tag"&gt;caja de enlaces movible&lt;/a&gt;, &lt;a href="http://technorati.com/tag/banners+en+columna+movible" rel="tag"&gt;banners en columna movible&lt;/a&gt;, &lt;a href="http://technorati.com/tag/banners+flotantes" rel="tag"&gt;banners flotantes&lt;/a&gt;, &lt;a href="http://technorati.com/tag/banners+rotativos+en+blogger" rel="tag"&gt;banners rotativos en blogger&lt;/a&gt;, &lt;a href="http://technorati.com/tag/enlaces+rotativos." rel="tag"&gt;enlaces rotativos&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-3850355263764017451?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-28T14:36:05.485-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/codigo-html-para-enlaces-y-banners-en.html</feedburner:origLink></item><item><title>La Academia En Vivo</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/g2gXsj-1wRU/la-academia-en-vivo.html</link><category>Videos</category><author>facundopomar@hotmail.com (Facundo)</author><pubDate>Mon, 26 Oct 2009 20:08:34 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-8215112161028499065</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://i.imagehost.org/1000/solo_noche_header_amarillo.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 362px; height: 113px;" src="http://i.imagehost.org/1000/solo_noche_header_amarillo.png" alt="" border="0" /&gt;&lt;/a&gt;Si están buscando un lugar donde poder ver &lt;a href="http://www.solonoche.com/"&gt;conciertos&lt;/a&gt; o videosclips, les recomiendo &lt;span style="font-weight: bold;"&gt;Solo noche&lt;/span&gt; un lugar donde podremos encontrar lo mejor de nuestros &lt;span style="font-weight: bold;"&gt;artistas favoritos&lt;/span&gt;, canciones, Cds y sus últimos trabajos.&lt;br /&gt;Podremos encontrar también &lt;span style="font-weight: bold;"&gt;contenidos&lt;/span&gt; tales como &lt;a href="http://www.solonoche.com/2009/09/wwe-smackdown-en-vivo-por-internet_16.html"&gt;WWE Smackdown en vivo&lt;/a&gt; y shows de &lt;a href="http://www.solonoche.com/2009/10/la-academia-en-vivo-por-internet.html"&gt;la Academia En Vivo&lt;/a&gt; donde podremos conocer los proximos conciertos, donde sacar boletos entradas, etc. Además de poder ver en vivo todos los domingos a las 7:00 PM solo en SoloNoche.com, un lugar muy completo para estar informado de las ultimas novedades.&lt;br /&gt;&lt;br /&gt;Saludos!&lt;br /&gt;&lt;br /&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/la+Academia+En+Vivo" rel="tag" target="_blank"&gt;la Academia En Vivo&lt;/a&gt;, &lt;a href="http://technorati.com/tag/WWE+Smackdown+en+vivo" rel="tag" target="_blank"&gt;WWE Smackdown en vivo&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-8215112161028499065?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-27T00:08:34.474-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/la-academia-en-vivo.html</feedburner:origLink></item><item><title>Seo Wordpress</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/CSgb9tiGOOE/seo-wordpress.html</link><category>Blogging</category><category>Bloggers</category><author>facundopomar@hotmail.com (Facundo)</author><pubDate>Mon, 26 Oct 2009 18:55:40 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-1061285351246463676</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://i.imagehost.org/0744/narrarlogo.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 239px; height: 115px;" src="http://i.imagehost.org/0744/narrarlogo.png" alt="" border="0" /&gt;&lt;/a&gt;  A la hora de incursionar en el mundo &lt;span style="font-weight: bold;"&gt;blogger&lt;/span&gt; hay mil dudas que invaden nuestra cabeza.&lt;br /&gt;No son pocas las cosas a tener en cuenta a la hora de crear un &lt;span style="font-weight: bold;"&gt;blog nuevo&lt;/span&gt;, como por ejemplo donde conseguir un&lt;span style="font-weight: bold;"&gt; dominio&lt;/span&gt;, formas de &lt;span style="font-weight: bold;"&gt;monetizar&lt;/span&gt; y fomentar, en fin todas esas cosas realmente importantes para que nuestro&lt;span style="font-weight: bold;"&gt; blog &lt;/span&gt;tenga&lt;span style="font-style: italic;"&gt; éxito&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;El verdadero problema surge cuando somos nuevos, porque no sabemos bien cuales son los puntos a tener en cuenta y lo que es mas importante, donde informarnos correctamente.&lt;br /&gt;Para estas cuestiones, hoy tengo el agrado de presentarles &lt;span style="font-weight: bold;"&gt;Narrar&lt;/span&gt;, un sitio dedicado integralmente a ayudar a todos los que tenemos o pensamos tener &lt;span style="font-style: italic;"&gt;un blog&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Podremos encontrar aquí temas relevantes como por ejemplo aprender a dominar &lt;a href="http://narrar.info/preparacion-seo-para-wordpress"&gt;Seo Wordpress&lt;/a&gt; algo muy importante para poder &lt;span style="font-style: italic;"&gt;posicionarnos bien&lt;/span&gt;.&lt;br /&gt;Encontraremos también una guía sobre los mejores &lt;a href="http://narrar.info/comprar-dominios-por-paypal"&gt;dominios paypal&lt;/a&gt; que podremos obtener Online.&lt;br /&gt;&lt;br /&gt;Algo que no podemos dejar de lado, obviamente son las formas de &lt;a href="http://narrar.info/ganar-dinero-con-tu-web"&gt;ganar dinero web&lt;/a&gt; ya que existes mil maneras de hacerlo aunque no todas son &lt;span style="font-weight: bold;"&gt;recomendables&lt;/span&gt;, por esto, aquí encontraremos la ayuda necesaria.&lt;br /&gt;Así que están avisados, cuando se les presenten dudas de este estilo ya saben &lt;span style="font-weight: bold;"&gt;donde resolverlas&lt;/span&gt;!.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/Seo+Wordpress" rel="tag" target="_blank"&gt;Seo Wordpress&lt;/a&gt;, &lt;a href="http://technorati.com/tag/dominios+paypal" rel="tag" target="_blank"&gt;dominios paypal&lt;/a&gt;, &lt;a href="http://technorati.com/tag/ganar+dinero+web" rel="tag" target="_blank"&gt;ganar dinero web&lt;/a&gt;, &lt;a href="http://technorati.com/tag/blogs" rel="tag" target="_blank"&gt;blogs&lt;/a&gt;, &lt;a href="http://technorati.com/tag/posicionar+palabras" rel="tag" target="_blank"&gt;posicionar palabras&lt;/a&gt;, &lt;a href="http://technorati.com/tag/blog" rel="tag" target="_blank"&gt;blog&lt;/a&gt;, &lt;a href="http://technorati.com/tag/nuevos+blogs" rel="tag" target="_blank"&gt;nuevos blogs&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-1061285351246463676?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-26T22:55:40.705-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/seo-wordpress.html</feedburner:origLink></item><item><title>Script para recargar una pagina web sin botones de actualización</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/58unJavpU7Y/script-para-recargar-una-pagina-web-sin.html</link><category>Herramientas</category><category>Blogger</category><category>Tips</category><category>Trucos</category><category>html</category><category>Blog</category><author>noreply@blogger.com (Johanna Gamarra)</author><pubDate>Mon, 26 Oct 2009 14:56:43 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-5746667824941938539</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img32.imageshack.us/img32/4679/1147438questionmarkicon.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 300px; height: 300px;" src="http://img32.imageshack.us/img32/4679/1147438questionmarkicon.jpg" alt="" border="0" /&gt;&lt;/a&gt;Aveces tenemos que tener&lt;span style="font-weight: bold;"&gt; la capacidad de poder actualizar una pagina web cada determinado tiempo porque es algo esencial&lt;/span&gt;, por ejemplo en una pagina de noticias. Por eso necesitamos actualizar la pagina web automáticamente sin presionar ningún botón de actualizar que para los lectores resulta poco practico.&lt;br /&gt;&lt;br /&gt;Por eso mismo creo que &lt;span style="font-weight: bold;"&gt;necesitamos un sistema incorporado en nuestro blog para poder actualizarlo sin tener que recurrir a actualizar manualmente la pagina ya sea desde nuestro navegador como desde un botón en la misma pagina&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Para hacer eso realidad podemos optar por buscar scripts que puedan actualizar automáticamente una cierta pagina o la pagina principal de nuestro blog/web. &lt;span style="font-weight: bold;"&gt;En la búsqueda nos encontramos con un script que puede hacer esto de forma automática y es efectivo&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Para poder utilizarlo y ponerlo en practica primeramente debemos posicionarnos en el &lt;span style="font-weight: bold;"&gt;Panel de Blogger&lt;/span&gt; --- &lt;span style="font-weight: bold;"&gt;Edición HTML&lt;/span&gt; ---- &lt;span style="font-weight: bold;"&gt;Expandimos los artilugios&lt;/span&gt; y pegamos antes de &lt;code&gt;&lt;span style="font-weight: bold;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/code&gt; y pegamos este código:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;b:if cond='data:blog.homepageUrl == data:blog.url'&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;setTimeout('document.location.reload()',&lt;span style="color: rgb(255, 102, 102);"&gt;60000&lt;/span&gt;); &amp;lt;/script&amp;gt;&lt;br /&gt;&amp;lt;/b:if&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;Y cuando logramos eso, ya tendriamos que guardar la plantilla, porque no se puede hacer una vista previa y &lt;span style="font-weight: bold;"&gt;si necesitamos cambiar cada cuanto tiempo se recarga la pagina debemos modificar el valor de lo que esta en rojo en el código&lt;/span&gt; &lt;span style="color: rgb(153, 153, 153);font-size:85%;" &gt;(por ejemplo; cambiar el 60000 que equivale a los 60 minutos)&lt;/span&gt; y de esa forma cambiaríamos el tiempo que hay entre una actualización y otra.&lt;br /&gt;&lt;br /&gt;Pero &lt;span style="font-weight: bold;"&gt;ese código que les otorge anteriormente actualiza tanto la pagina principal como los articulos&lt;/span&gt;, pero si quieres que nos actualice solamente un articulo, debemos agregar en vez del que les mostré anterior, antes del &lt;code&gt;&lt;span style="font-weight: bold;"&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/code&gt;, este código:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;script&amp;gt;setTimeout('document.location.reload()',&lt;span style="color: rgb(255, 102, 102);"&gt;60000&lt;/span&gt;); &amp;lt;/script&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;Y solo &lt;span style="font-weight: bold;"&gt;cambiamos el tiempo de la misma forma que en el otro código&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/agregar+un+script+de+actualizacion" rel="tag"&gt;agregar un script de actualizacion&lt;/a&gt;, &lt;a href="http://technorati.com/tag/actualizar+un+blog" rel="tag"&gt;actualizar un blog&lt;/a&gt;, &lt;a href="http://technorati.com/tag/actualizar+blog+automaticamente" rel="tag"&gt;actualizar blog automaticamente&lt;/a&gt;, &lt;a href="http://technorati.com/tag/actualizacion+automatica+en+pagina" rel="tag"&gt;actualizacion automatica en pagina&lt;/a&gt;, &lt;a href="http://technorati.com/tag/actualiza+una+pagina+web+automatica." rel="tag"&gt;actualiza una pagina web automatica&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-5746667824941938539?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-26T18:56:43.929-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/script-para-recargar-una-pagina-web-sin.html</feedburner:origLink></item><item><title>Alternativa para ver ultimas entradas en Blogger</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/2LccPoS1viw/alternativa-para-ver-ultimas-entradas.html</link><category>Herramientas</category><category>Blogger</category><category>Widgets</category><category>html</category><category>Blog</category><author>noreply@blogger.com (Johanna Gamarra)</author><pubDate>Fri, 23 Oct 2009 13:45:58 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-6521724503292817890</guid><description>Para &lt;span style="font-weight: bold;"&gt;visualizar las ultimas entradas en nuestro blog/web&lt;/span&gt; tenemos muchas alternativas y métodos de poder visualizar en nuestro blog/web un widget para ver las ultimas entradas.&lt;br /&gt;&lt;br /&gt;Pero si queremos salir de lo rutinario de esos widget sin sentido de ultimas entradas en &lt;span style="font-weight: bold;"&gt;Blogger&lt;/span&gt;, &lt;span style="font-weight: bold;"&gt;podemos optar por utilizar el visualizador tan atractivo de&lt;/span&gt;  &lt;b&gt;Neomyz&lt;/b&gt;, que nos brinda una elegante forma de ver nuestras ultimas entradas.&lt;br /&gt;&lt;br /&gt;Ademas no es muy complicado para utilizarlo, solo debemos&lt;span style="font-weight: bold;"&gt; ingresar en la pagina de &lt;/span&gt;&lt;a style="font-weight: bold;" href="http://neomyz.com/"&gt;Neomyz&lt;/a&gt;&lt;span style="font-weight: bold;"&gt; y registrarnos&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Cuando lo realizamos solo debemos ir donde dice '&lt;b&gt;Set up a free news reader for your website&lt;/b&gt;' , se muestra en Ingles, ya que es su idioma predeterminado y no puede manejarse en otro idioma.&lt;br /&gt;&lt;br /&gt;Luego de que hagamos &lt;span style="font-weight: bold;"&gt;click allí&lt;/span&gt;, debemos &lt;span style="font-weight: bold;"&gt;ingresar nuestra dirección del blog/web y el del feed del mismo&lt;/span&gt;.&lt;br /&gt;&lt;br /&gt;Una vez hecho eso &lt;span style="font-weight: bold;"&gt;seleccionas el diseño del gadget&lt;/span&gt;, el que mas te guste y le haces click para que quede seleccionado el diseño que mas nos guste.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Copiamos el código que nos visualiza y lo pegamos en un nuevo elemento HTML/Javascript&lt;/span&gt;, lo guardamos y visualizamos nuestra pagina, si esta todo correcto solo nos queda, guardar la plantilla y tendremos nuestro gadget de ultimas entradas en nuestra sidebar o en el lugar que deseemos colocarlo.&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: center;"&gt;&lt;span style="font-style: italic;"&gt;&lt;span style="font-weight: bold;"&gt;Vista Previa&lt;/span&gt; del Gadget&lt;span style="color: rgb(153, 153, 153);font-size:85%;" &gt; (imagen)&lt;/span&gt;:&lt;/span&gt;&lt;br /&gt;&lt;div style="text-align: left;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img11.imageshack.us/img11/8576/ultimasentradas.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 177px; height: 312px;" src="http://img11.imageshack.us/img11/8576/ultimasentradas.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/visualizar+ultimas+entradas+en+blogger" rel="tag"&gt;visualizar ultimas entradas en blogger&lt;/a&gt;, &lt;a href="http://technorati.com/tag/ver+ultimas+entradas" rel="tag"&gt;ver ultimas entradas&lt;/a&gt;, &lt;a href="http://technorati.com/tag/ultimas+entradas" rel="tag"&gt;ultimas entradas&lt;/a&gt;, &lt;a href="http://technorati.com/tag/gadget+de+ultimas+entradas+en+blogger" rel="tag"&gt;gadget de ultimas entradas en blogger&lt;/a&gt;, &lt;a href="http://technorati.com/tag/ultimas+entradas+en+blogger" rel="tag"&gt;ultimas entradas en blogger&lt;/a&gt;, &lt;a href="http://technorati.com/tag/visualizar+ultimas+entradas" rel="tag"&gt;visualizar ultimas entradas&lt;/a&gt;, &lt;a href="http://technorati.com/tag/ultimas+entradas+en+blog" rel="tag"&gt;ultimas entradas en blog&lt;/a&gt;, &lt;a href="http://technorati.com/tag/ultimas+entradas+en+pagina+web" rel="tag"&gt;ultimas entradas en pagina web&lt;/a&gt;, &lt;a href="http://technorati.com/tag/elemento+para+ver+ultimas+entradas." rel="tag"&gt;elemento para ver ultimas entradas&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-6521724503292817890?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-23T17:45:58.881-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/alternativa-para-ver-ultimas-entradas.html</feedburner:origLink></item><item><title>Manualidades navideñas gratis</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/q-A-P0cfxdg/manualidades-navidenas-gratis.html</link><author>noreply@blogger.com (JUAN MOSA)</author><pubDate>Fri, 23 Oct 2009 08:43:16 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-2069508908216054531</guid><description>&lt;center&gt;&lt;img src="http://1.bp.blogspot.com/_05KnSaWKOo0/SU6uR1EFjzI/AAAAAAAABSM/_opUqx0oInQ/s400/feliz_navidad_1280x960.jpg"/&gt;&lt;/center&gt;&lt;br /&gt;
Estamos solo a un poco más de un mes para vivir la epoca más bonita del año una en la que compartir y estar en familia es una realidad. pues para ello y para ir preparandonos para esta bella época del año es de mas decirles que tenemos que ambientar nuestras casas con las &lt;a href="http://fieltro.net/tag/manualidades-navidenas/"&gt;manualidades navideñas&lt;/a&gt; que ayudarán a crear un ambiente mágico propio de la navidad, pues en &lt;a href="http://fieltro.net/"&gt;manualidades navideñas en fieltro&lt;/a&gt; podrás encontrar muchas de ellas, exelentes y bien trabajadas manualidades que ahora el podrá compartir contigo, allí encontrarás gran variedad de diseños para todos los gustos que ayudarán a crear en tu casa ese ambiente mágico.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-2069508908216054531?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-23T12:43:16.151-03:00</app:edited><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/_05KnSaWKOo0/SU6uR1EFjzI/AAAAAAAABSM/_opUqx0oInQ/s72-c/feliz_navidad_1280x960.jpg" height="72" width="72" /><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/manualidades-navidenas-gratis.html</feedburner:origLink></item><item><title>Juegos de Motos</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/zYklAmFMiDQ/juegos-de-motos.html</link><category>Juegos de Motos</category><author>facundopomar@hotmail.com (Facundo)</author><pubDate>Fri, 23 Oct 2009 07:59:56 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-4179354995618034590</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://i.imagehost.org/0917/Juego-de-Motocicleta-Bike-Motos-medium.jpg"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 237px; height: 186px;" src="http://i.imagehost.org/0917/Juego-de-Motocicleta-Bike-Motos-medium.jpg" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;¿A quien no le apasionan las motos?, Poder ir, al mejor estilo revelde, a toda velocidad por las rutas del mundo desde la comodidad de nuestro hogar y lo mejor! sin morir en el intento, ahora es posible con estos increíbles &lt;a href="http://www.minijuegostop.com.mx/carreras/motos/"&gt;juegos de Motos&lt;/a&gt; .&lt;br /&gt;&lt;br /&gt;La gran variedad que abarcan estos juegos es realmente grande ya que podremos toparnos con carreras de &lt;a href="http://http//www.minijuegostop.com.mx/items/carreras/motos/14002_moto-acuatica-3d/"&gt;Motos acuáticas 3D&lt;/a&gt; un circuito realmente singular en cuanto a motos nos referimos, algo que no vemos todos los días.&lt;br /&gt;&lt;br /&gt;Obviamente no pueden faltar las clásicas &lt;a href="http://www.minijuegostop.com.mx/items/carreras/motos/13876_motos-choppers/"&gt;Motos Choppers&lt;/a&gt; que son las favoritas en el mundo de los fanatices de las motos.&lt;br /&gt;&lt;br /&gt;Aunque podemos decir que casi no falta ninguno de los referentes puesto que hay motos clásicas, motocross, carreras de saltos, carreras callejeras,en 2D Y 3D.&lt;br /&gt;En fin, si te consideras un apasionado de las motos no puedes perderte estos juegos.&lt;br /&gt;&lt;br /&gt;Saludos!&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/Juegos+de+Motos" rel="tag" target="_blank"&gt;Juegos de Motos&lt;/a&gt;, &lt;a href="http://technorati.com/tag/juegos" rel="tag" target="_blank"&gt;juegos&lt;/a&gt;, &lt;a href="http://technorati.com/tag/juegos+gratis" rel="tag" target="_blank"&gt;juegos gratis&lt;/a&gt;, &lt;a href="http://technorati.com/tag/juegos+de+autos" rel="tag" target="_blank"&gt;juegos de autos&lt;/a&gt;, &lt;a href="http://technorati.com/tag/juegos+de+carros" rel="tag" target="_blank"&gt;juegos de carros&lt;/a&gt;, &lt;a href="http://technorati.com/tag/juegos+flash" rel="tag" target="_blank"&gt;juegos flash&lt;/a&gt;, &lt;a href="http://technorati.com/tag/juegos+gratis" rel="tag" target="_blank"&gt;juegos gratis&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-4179354995618034590?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-23T11:59:56.709-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/juegos-de-motos.html</feedburner:origLink></item><item><title>Hay amor</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/R1V4YdpQnwo/hay-amor.html</link><category>Publicidad</category><author>facundopomar@hotmail.com (Facundo)</author><pubDate>Fri, 23 Oct 2009 07:46:12 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-8295921133536328809</guid><description>&lt;div style="text-align: center;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://i.imagehost.org/0785/hayamor.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 523px; height: 171px;" src="http://i.imagehost.org/0785/hayamor.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;Estamos en plena primavera y como todos ya sabemos esta es la estación del &lt;a href="http://hayamor.com/"&gt;Amor&lt;/a&gt; .&lt;br /&gt;Es el tiempo en que florecen las rosas, el sol brilla mas fuerte, pero también da lugar al &lt;span style="font-weight: bold;"&gt;romance&lt;/span&gt;, las conquistas y las relaciones placenteras.&lt;br /&gt;&lt;br /&gt;Lo mejor que podemos hacer para afrontar esta temporada es estar preparados y en este contexto es que les presento &lt;a href="http://hayamor.com/"&gt;Hay Amor&lt;/a&gt;, un sitio dedicado íntegramente a tratar estos temas tan importantes a la hora de encarar una nueva &lt;span style="font-weight: bold;"&gt;relación&lt;/span&gt;, saber como conquistar a esa chica que nos quita el sueño, ver consejos para sorprender a nuestra &lt;span style="font-weight: bold;"&gt;pareja&lt;/span&gt; o hacer que pase un lindo momento.&lt;br /&gt;&lt;br /&gt;Si tuviera que definirles en pocas palabras cual es el tema exacto que abarca esta web, seria muy difícil ya que los temas que trata van desde tarjetas virtuales, pasando por descargas para celulares, imagenes, frases y canciones relacionadas a la temática, hasta salvapantallas para &lt;span style="font-weight: bold;"&gt;románticos&lt;/span&gt; son las cosas que podremos encontrar.&lt;br /&gt;&lt;br /&gt;Si estas &lt;span style="font-weight: bold;"&gt;enamorado&lt;/span&gt; o te consideras un sentimental esta es la página indicada,  pero si piensas que eres todo lo contrario, te vendría bien echarle un vistazo porque seguro algún tip nuevo aprenderás.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/amor" rel="tag" target="_blank"&gt;amor&lt;/a&gt;, &lt;a href="http://technorati.com/tag/hay+amor" rel="tag" target="_blank"&gt;hay amor&lt;/a&gt;, &lt;a href="http://technorati.com/tag/imagenes+de+amor" rel="tag" target="_blank"&gt;imagenes de amor&lt;/a&gt;, &lt;a href="http://technorati.com/tag/fotos+de+amor" rel="tag" target="_blank"&gt;fotos de amor&lt;/a&gt;, &lt;a href="http://technorati.com/tag/fotos+de+corazones" rel="tag" target="_blank"&gt;fotos de corazones&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-8295921133536328809?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-23T11:46:12.490-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/hay-amor.html</feedburner:origLink></item><item><title>Insertar imagen arriba del formulario de comentarios</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/b2asKc7vjwg/insertar-imagen-arriba-del-formulario.html</link><category>Blogger</category><category>Trucos</category><category>Formulario</category><category>Imagenes</category><category>html</category><category>Blog</category><author>noreply@blogger.com (Johanna Gamarra)</author><pubDate>Thu, 22 Oct 2009 07:56:17 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-8887554579601235151</guid><description>Siempre cuando entramos una pagina el formulario de contacto no es el mismo para todos, algunos dejan el &lt;span style="font-weight: bold;"&gt;formulario de comentarios&lt;/span&gt; tal como los crea &lt;span style="font-weight: bold;"&gt;Blogger&lt;/span&gt; y otros &lt;span style="font-weight: bold;"&gt;prefieren personalizarlo, agregándole imágenes, logos, emoticones, colores, formas, etc&lt;/span&gt;.. Y de esa forma poder diferenciar el formulario y dar un estilo propio al blog/web.&lt;br /&gt;&lt;br /&gt;Por eso es que les voy a mostrar como poder agregar imágenes en la parte de arriba de los formularios de comentarios, para poder hacerlo debemos adentrarnos en el &lt;span style="font-weight: bold;"&gt;Panel de Blogger&lt;/span&gt; --- &lt;span style="font-weight: bold;"&gt;Configuración&lt;/span&gt; --- &lt;span style="font-weight: bold;"&gt;Comentarios&lt;/span&gt; y marcan el casillero que dice '&lt;span style="font-weight: bold;"&gt;Entrada incrustada a continuación&lt;/span&gt;'.&lt;br /&gt;&lt;br /&gt;Luego de marcar la casilla, guardamos los cambios hechos y nos dirigimos a &lt;span style="font-weight: bold;"&gt;Diseño &lt;/span&gt;--- &lt;span style="font-weight: bold;"&gt;Edición de HTML&lt;/span&gt; y &lt;span style="font-weight: bold;"&gt;Expandimos los Artilugios&lt;/span&gt;, cuando lo hagamos debemos buscar &lt;span style="color: rgb(153, 153, 153);font-size:85%;" &gt;(CTRL+F)&lt;/span&gt; el siguiente código:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;b:includable id='comment-form' var='post'&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;div class='comment-form'&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;a name='comment-form'/&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;h4 id='comment-post-message'&amp;gt;&lt;span style="color: rgb(255, 102, 102);"&gt;&amp;lt;data:postCommentMsg/&amp;gt;&lt;/span&gt;&amp;lt;/h4&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;p&amp;gt;&amp;lt;data:blogCommentMessage/&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;Y lo que esta resaltado en '&lt;span style="color: rgb(255, 102, 102); font-weight: bold;"&gt;Rojo&lt;/span&gt;' en el codigo, debemos reemplazarlo por este código:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;img src="&lt;span style="color: rgb(255, 153, 0);"&gt;URL de la imagen&lt;/span&gt;"/&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;Y donde esta marcado en '&lt;span style="color: rgb(255, 153, 0);"&gt;Naranja&lt;/span&gt;' debemos colocar el link de la imagen que queremos colocar, y que quedara de esta forma.&lt;br /&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;Ej&lt;/span&gt;;&lt;br /&gt;&lt;div style="text-align: left;"&gt;&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://img30.imageshack.us/img30/190/imagencomment.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 232px;" src="http://img30.imageshack.us/img30/190/imagencomment.png" alt="" border="0" /&gt;&lt;/a&gt;&lt;a href="http://ciudadblogger.com/2009/05/imagen-en-el-formulario-de-comentarios.html"&gt;Fuente&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;&lt;/div&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/agregar+una+imagen+en+formulario" rel="tag"&gt;agregar una imagen en formulario&lt;/a&gt;, &lt;a href="http://technorati.com/tag/imagen+en+formulario" rel="tag"&gt;imagen en formulario&lt;/a&gt;, &lt;a href="http://technorati.com/tag/formulario+con+imagen" rel="tag"&gt;formulario con imagen&lt;/a&gt;, &lt;a href="http://technorati.com/tag/imagen+sobre+formulario" rel="tag"&gt;imagen sobre formulario&lt;/a&gt;, &lt;a href="http://technorati.com/tag/formulario+de+comentarios" rel="tag"&gt;formulario de comentarios&lt;/a&gt;, &lt;a href="http://technorati.com/tag/comentarios+con+imagen" rel="tag"&gt;comentarios con imagen&lt;/a&gt;, &lt;a href="http://technorati.com/tag/imagen+encima+de+formulario." rel="tag"&gt;imagen encima de formulario&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-8887554579601235151?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-22T11:56:17.328-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/insertar-imagen-arriba-del-formulario.html</feedburner:origLink></item><item><title>Videos.Mx tu sitio para ver videos</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/IKjZ7Td78E0/videosmx-tu-sitio-para-ver-videos.html</link><author>noreply@blogger.com (JUAN MOSA)</author><pubDate>Wed, 21 Oct 2009 13:46:44 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-6727504204667765303</guid><description>&lt;img src="http://i33.tinypic.com/2v1rcpy.jpg"/&gt;&lt;br /&gt;
&lt;br /&gt;
diferentes y cada vez en mayor numero son los sitios en los cuales disponemos para ver &lt;a href="http://videos.mx/"&gt;videos&lt;/a&gt; pues bien ahora les presentaré a Videos.MX un sitio desde el cual podrás llegar a visualizar una gran cantidad de videos recopilados de las mejores páginas para ver estos como lo son Youtube, daylimotion entre otros aqui les recomendaré la sección la cual es mi favorita y es la de los &lt;a href="http://videos.mx/videos-de-chicas-sexy/"&gt;videos de chicas sexys&lt;/a&gt; y como son infaltables e incondicionales las chicas sexys en cualquier sitio!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-6727504204667765303?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-21T17:46:44.612-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/videosmx-tu-sitio-para-ver-videos.html</feedburner:origLink></item><item><title>Crear un reloj de cuenta regresiva para Blogger</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/Rva1gMGUpvI/crear-un-reloj-de-cuenta-regresiva-para.html</link><category>Blogger</category><category>Widgets</category><category>html</category><category>Blog</category><author>noreply@blogger.com (Johanna Gamarra)</author><pubDate>Wed, 21 Oct 2009 13:29:41 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-3454422393209299790</guid><description>Aveces queremos tomar la cuenta regresiva para una lanzamiento importante o evento especial y queremos poder llevar la cuenta de esos días, minutos y horas en nuestra pagina web, entonces para eso debemos crear un reloj para llevar acabo la cuenta, que es lo que les enseñare hoy.&lt;br /&gt;&lt;br /&gt;Para crearlo lo primero que debemos tener este código:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;br /&gt;&amp;lt;script language="JavaScript"&amp;gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 153, 0);"&gt;TargetDate = "12/31/2012 11:59 PM"&lt;/span&gt;;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 102, 102);"&gt;BackColor = "white"&lt;/span&gt;;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(255, 153, 0);"&gt;ForeColor = "black"&lt;/span&gt;;&lt;br /&gt;&lt;br /&gt;CountActive = true;&lt;br /&gt;&lt;br /&gt;CountStepper = -1;&lt;br /&gt;&lt;br /&gt;LeadingZero = true;&lt;br /&gt;&lt;br /&gt;DisplayFormat = "%%D%% Días, %%H%% Horas, %%M%% Minutos, %%S%% Segundos.";&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(102, 102, 204);"&gt;FinishMessage = "Feliz año nuevo!!!"&lt;/span&gt;;&lt;br /&gt;&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;br /&gt;&amp;lt;script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&lt;/code&gt;&lt;br /&gt;&lt;br /&gt;Ese código debemos pegarlo en un nuevo elemento &lt;span style="font-weight: bold;"&gt;HTML/Javascript&lt;/span&gt; y guardarlo en la posición de nuestra plantilla que deseamos.&lt;br /&gt;&lt;br /&gt;Para poder modificar los datos y poder personalizarlo, estos son los datos que deben cambiar:&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="color: rgb(0, 153, 0);"&gt;TargetDate&lt;/span&gt;: para poder cambiar la fecha de finalización de la cuenta regresiva.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="color: rgb(255, 102, 102);"&gt;BackColor&lt;/span&gt;: cambiándole el valor podemos modificar el color del fondo del cuadro de la cuenta regresiva.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="color: rgb(255, 153, 0);"&gt;ForeColor&lt;/span&gt;: cambiamos el color de de la letra con la que se muestra el texto en el cuadro de la cuenta regresiva.&lt;/li&gt;&lt;/ul&gt;&lt;ul&gt;&lt;li&gt;&lt;span style="color: rgb(102, 102, 204);"&gt;FinishMessage&lt;/span&gt;: El mensaje que se mostrara en el cuadro de la cuenta regresiva, una vez que finalice la misma.&lt;/li&gt;&lt;/ul&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/cuenta+regresiva+en+blogger" rel="tag"&gt;cuenta regresiva en blogger&lt;/a&gt;, &lt;a href="http://technorati.com/tag/reloj+de+cuenta+regresiva+en+blogger" rel="tag"&gt;reloj de cuenta regresiva en blogger&lt;/a&gt;, &lt;a href="http://technorati.com/tag/reloj+de+conteo+en+blog" rel="tag"&gt;reloj de conteo en blog&lt;/a&gt;, &lt;a href="http://technorati.com/tag/reloj+de+cuenta+regresiva" rel="tag"&gt;reloj de cuenta regresiva&lt;/a&gt;, &lt;a href="http://technorati.com/tag/crear+un+cuenta+regresiva" rel="tag"&gt;crear un cuenta regresiva&lt;/a&gt;, &lt;a href="http://technorati.com/tag/crear+un+cuadro+de+cuenta+regresiva+en+blogger" rel="tag"&gt;crear un cuadro de cuenta regresiva en blogger&lt;/a&gt;, &lt;a href="http://technorati.com/tag/crear+cuenta+regresiva+para+pagina+web." rel="tag"&gt;crear cuenta regresiva para pagina web&lt;/a&gt;.&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-3454422393209299790?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-21T17:29:41.972-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/crear-un-reloj-de-cuenta-regresiva-para.html</feedburner:origLink></item><item><title>Meebo - MSN online</title><link>http://feedproxy.google.com/~r/JuglarDeLaVida/~3/V6pBcn5vt4g/meebo-msn-online.html</link><category>Internet</category><category>Tecnologia</category><author>facundopomar@hotmail.com (Facundo)</author><pubDate>Tue, 20 Oct 2009 20:23:04 PDT</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-6062847824225789755.post-6254614012990101070</guid><description>&lt;a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://i.imagehost.org/0623/Meebo_logo1_large.png"&gt;&lt;img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 144px; height: 121px;" src="http://i.imagehost.org/0623/Meebo_logo1_large.png" alt="" border="0" /&gt;&lt;/a&gt;  Nadie puede negar ya la utilidad de las aplicaciones web y los &lt;span style="font-weight: bold;"&gt;programas online&lt;/span&gt;. Un gran referente de esto es &lt;a href="http://www.ciberwolf.com/2009/09/meebo-messenger.html"&gt;Meebo&lt;/a&gt;, el cual es un programa de &lt;span style="font-weight: bold;"&gt;mensagería instantánea&lt;/span&gt; desde donde prodremos conectarnos con nuestros usuarios del mensajero que usemos habitualmente, pero con la ventaja de no tener que instalar el sofware en cuestión.&lt;br /&gt; Muy útil para terminales en las que el messenger se encuentra bloqueado o simplemente para conectarte desde cualquier computadora sin preocupaciones. Aunque su funcionamiento es similar al del portal &lt;a href="http://www.ciberwolf.com/2009/08/ebuddy-otra-web-messenger.html"&gt;eBuddy&lt;/a&gt;, tienen algunas diferencias entre sí, lo cual causa polémica entre usuarios de uno y otro en el cybermundo.&lt;br /&gt; Una de las ventajas que tiene este portal es su interfaz sencilla y efectiva que recuerda a una aplicación de mensajería clásica de escritorio, otra gran ventaja es que puede usase de manera "&lt;span style="font-style: italic;"&gt;libre&lt;/span&gt;"esto quiere decir que uno no está obligado a registrarse para poder utilizarlo.&lt;br /&gt; A pesar de que no cuenta con soporte para &lt;span style="font-weight: bold;"&gt;Skype&lt;/span&gt;, su servicio es bien variado y cuenta con los servidores de mansajería mas populares:&lt;br /&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;    MSN Messenger&lt;/li&gt;&lt;li&gt;    Yahoo Messenger&lt;/li&gt;&lt;li&gt;    AIM&lt;/li&gt;&lt;li&gt;    gTalk&lt;/li&gt;&lt;li&gt;    MySpace&lt;/li&gt;&lt;li&gt;    ICQ&lt;/li&gt;&lt;li&gt;    Facebook&lt;/li&gt;&lt;li&gt;    Jabber&lt;/li&gt;&lt;/ul&gt;&lt;br /&gt;Nos da la posibilidad de conectarnos con diversas cuentas de mensajería instantánea de manera simultanea.&lt;br /&gt;Cuenta también con la posibilidad de compartir archivos entre los usuarios registrados y de crear salas de chat privadas.&lt;br /&gt;Aunque no tenga todas las prestaciones de un &lt;span style="font-weight: bold;"&gt;messenger&lt;/span&gt; de escritorio es un portal muy recomendable en cuanto a &lt;span style="font-weight: bold;"&gt;mensagería online&lt;/span&gt; se refiere.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;div class="tag_list"&gt;Tags: &lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/meebo" rel="tag" target="_blank"&gt;meebo&lt;/a&gt;, &lt;a href="http://technorati.com/tag/MSN+online" rel="tag" target="_blank"&gt;MSN online&lt;/a&gt;, &lt;a href="http://technorati.com/tag/online" rel="tag" target="_blank"&gt;online&lt;/a&gt;, &lt;a href="http://technorati.com/tag/tecnologia" rel="tag" target="_blank"&gt;tecnologia&lt;/a&gt;, &lt;a href="http://technorati.com/tag/internet" rel="tag" target="_blank"&gt;internet&lt;/a&gt;, &lt;a href="http://technorati.com/tag/messenger" rel="tag" target="_blank"&gt;messenger&lt;/a&gt;, &lt;a href="http://technorati.com/tag/como+usar+el+MSN+por+internet" rel="tag" target="_blank"&gt;como usar el MSN por internet&lt;/a&gt;, &lt;a href="http://technorati.com/tag/como+usar+el+messenger+por+internet" rel="tag" target="_blank"&gt;como usar el messenger por internet&lt;/a&gt;, &lt;a href="http://technorati.com/tag/messenger+online" rel="tag" target="_blank"&gt;messenger online&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/6062847824225789755-6254614012990101070?l=www.juglarblog.info'/&gt;&lt;/div&gt;</description><app:edited xmlns:app="http://www.w3.org/2007/app">2009-10-21T00:23:04.612-03:00</app:edited><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><feedburner:origLink>http://www.juglarblog.info/2009/10/meebo-msn-online.html</feedburner:origLink></item></channel></rss>
