tag:blogger.com,1999:blog-38441508100668953132024-02-19T16:10:03.349+01:00La Trucoteca de Blogs (Blog de Pruebas)Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.comBlogger29125tag:blogger.com,1999:blog-3844150810066895313.post-32123383302301695222009-09-08T14:41:00.002+02:002013-07-09T19:41:52.953+02:00Texto de prueba<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p align="center"><a href="http://latrucotecadeblogs.blogspot.com/">Enlace</a><br /></p><p align="center"><span style="font-size:78%;">Letra 1<br /></span><span style="font-size:85%;">Letra 2<br /></span>Letra 3<br /><span style="font-size:130%;">Letra 4<br /></span><span style="font-size:180%;">Letra 5<br /></span><strong></p><blockquote><p align="center"><strong>Bloque-entrecomillado</strong></p></blockquote></strong>
<a href="http://www.maqlavand.es" target="_blank" >maquinas de lavado</a>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com0tag:blogger.com,1999:blog-3844150810066895313.post-28834711834230457152009-08-16T13:49:00.000+02:002009-08-24T00:42:36.274+02:00Ultimos comentarios y entradas con los nuevos gadgets de BloggerYa están disponibles desde hace unos días los nuevos gadgets de Blogger de <strong>"Últimas entradas"</strong> y <strong>"Últimos comentarios"</strong> .<br /><br /><div><div>Para insertarlos tan solo tenemos que ir a<strong> Diseño> Elementos de página</strong>, y allí añadimos un <strong>nuevo gadget</strong>. Ahí nos vamos a la pestaña de <strong>"Destacados"</strong> : </div><p align="center"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjisL00bAAcaH_QrtdEut0P3glifn7yZY4_7FNOE9E8F3xFgaQv1z_4SaXBBP-TUN_FZ4S-yxhgtWVt8yox0LUOM6zAN1ZUW5jg-0qi2pSn7QGvyWAEGQVMW6lrRlSYxELxGTH9in2nI6BG/s1600-h/destacadosblogger.png"><img id="BLOGGER_PHOTO_ID_5370534629575898754" style="WIDTH: 201px; CURSOR: hand; HEIGHT: 199px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjisL00bAAcaH_QrtdEut0P3glifn7yZY4_7FNOE9E8F3xFgaQv1z_4SaXBBP-TUN_FZ4S-yxhgtWVt8yox0LUOM6zAN1ZUW5jg-0qi2pSn7QGvyWAEGQVMW6lrRlSYxELxGTH9in2nI6BG/s400/destacadosblogger.png" border="0" /></a><br /></p><br /><p align="left">Ahí nos saldrán, entre otros, los gadgets a los que me refiero:<strong> "Recent Comments" , "Recent Posts" </strong>y<strong> "Recent Posts Advanced"</strong>. (Os recomiendo mejor <strong>Recent Posts Advanced</strong> que Recent Post, pues este es más "antiguo" y con menos funcionalidades)<br /></p><p align="center"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEighTIPJH1x6rENVrseJ4_S4GU5cfc5bjTCvX3aC_JfjHS9euWf5s9Y-W7Y9G1_bMhs5kVBJN-HOMFyBjT6IaFX-oZLDJH1Aud9ALP16BnzaUe73lr-cPVwBGcrmjhJJgB3pyqnkY-AmxPO/s1600-h/nuevosgadgets.png"><img id="BLOGGER_PHOTO_ID_5370535220716661154" style="WIDTH: 255px; CURSOR: hand; HEIGHT: 169px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEighTIPJH1x6rENVrseJ4_S4GU5cfc5bjTCvX3aC_JfjHS9euWf5s9Y-W7Y9G1_bMhs5kVBJN-HOMFyBjT6IaFX-oZLDJH1Aud9ALP16BnzaUe73lr-cPVwBGcrmjhJJgB3pyqnkY-AmxPO/s400/nuevosgadgets.png" border="0" /></a><br /></p><br /><div>Son unos gadgets (que aún están en inglés) muy útiles y puedes personalizarlos a tu gusto:<br /></div><div><span style="font-size:130%;">Gadget </span><strong><span style="font-size:130%;">Blogger Recent Comments:</span> </strong>Puedes personalizar el <strong>título</strong>, así como los <strong>últimos comentarios que saldrán</strong> (<em>Number of Comments to Display</em>) y los <strong>carácteres que salgan</strong> de resumen de cada comentario (<em>Summary Length</em>)<br /></div><p><img id="BLOGGER_PHOTO_ID_5370536631538330274" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 203px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0CD88x9-bUfcfn4RWlU6E8GidZnBbutuiGgJFh6hBZaBEZn4-TxWXAIPtTh01B72VXPkgBM8Opf4nQGKwhMNU7HwwDjw2CMuone1DNoA1ZlB5R27O_pvTIQ4T30KP2zsZOsbVYPLOaYsw/s400/ultimoscomentarios.png" border="0" /> <span style="font-size:130%;">Gadget <strong>Recent Posts Advanced <span style="font-size:100%;">(mejor que el gadget más antiguo Recent posts)</span>:</strong></span> Cambiamos <strong>Blog Url</strong> por la dirección de nuestro blog, y el número de entradas a mostrar (<strong>Number of posts to display</strong>) por lo que queramos. También si queremos que salga una imagen de cada entrada (<strong>Display post thumbnails ?</strong>), si queremos que salga un resumen de la entrada (<strong>Display post summaries ?</strong>), y en caso de que si, cuantos caracteres deseamos que tenga el resumen (<strong>Summary length</strong>) que por defecto son 100.</p><p>También si queremos que salga la fecha de la creación (<strong>Display post date ?</strong>), el número de comentarios que tiene (<strong>Display the number of comments ?</strong>) , el vínculo de "Leer más", que está en inglés :( (<strong>Display the Read more link ?</strong>), y si queremos que salga una linea separadora entre los posts (<strong>Display a Separator b/w the posts ?</strong>). En todo momento podéis ver una vista preliminar de como quedaría (debajo de Vista Previa) y que resulta muy útil</p><p>Más o menos así es el Gadget:<img id="BLOGGER_PHOTO_ID_5370543296948640402" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 200px; CURSOR: hand; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqwTFReO4wegKOpAjIz3zR8KSFRplTgYvJjim5hjnD7B4vBiPQdIa118orUJ8cR8rI7KrjTAr-dHpYlQzPezTA6rgo3vFNfzVcWltiwbAdr8cucqLW0efH9TTPqM8GKvoXkw61xtgNIu2r/s400/ultimasentradas.jpg" border="0" /></p></div><p>Y ya está, añadimos el que queramos (o los dos) y después lo colocamos donde mejor quede en el blog (podéis ver estos gadgets en la columna izquierda de este blog)</p><p>También hay otros muchos gadgets nuevos que son muy interesantes y que los podéis encontrar en el mismo apartado: </p><p><img id="BLOGGER_PHOTO_ID_5370544663070033410" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 259px; CURSOR: hand; HEIGHT: 127px; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ-2hz0h49BqIrcHDf3ub4az0ECvN7mQCSZYxD81bcl98fzOTFinnMhFHlwVwyTknisWCKfh4sK7Tjku4QKceNq4FsBvfHD2t3DoEiC9ThsrGQi8oLj8lZxDySeQAf7zKnjzTYmbn2r4dm/s400/nuevosgadgets2.png" border="0" /></p><br /><p>Dejad vuestros comentarios si os ha gustado la entrada. Saludos!!!</p>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com1tag:blogger.com,1999:blog-3844150810066895313.post-21757084018619072032009-08-11T19:54:00.001+02:002009-08-24T18:47:01.040+02:00Lista de banners o imágenes en movimientoHoy me ha preguntado <strong>Edu</strong> en el<strong> </strong><strong>chat</strong> como podía hacer una caja como la que tengo en la columna izquierda del blog, en la que van pasando diferentes imagenes con enlaces a otros blogs, casi como si fuera una presentación o Slide.<br />
<br />
Pues bien, aquí va la explicación:<br />
<br />
<strong>1.</strong> Vamos a <strong>Diseño > Elementos de la página</strong> y allí <strong>Añadir un gadget > Nuevo HTML / Javascript</strong><br />
<br />
<strong>2.</strong> Copiamos y pegamos el siguiente código:<br />
<code><br />
<marquee direction="up" scrollAmount="1" style="background- text-align: center; width:150px;height:150px;border:1px solid #000000;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='2'"><br />
<br />
<a href="URL DEL 1er ENLACE" title="TÍTULO1"><img src="URL DE LA 1ª IMAGEN"</a> <br><br />
<br />
<a href="URL DEL 2º ENLACE" title="TÍTULO2"><img src="URL DE LA 2ª IMAGEN"</a> </marquee> </code><br />
<br />
<code><span style="font-family: arial;"><strong>3.</strong> Personalizamos el código</span></code><br />
<br />
<code><span style="font-family: arial;">Cambiamos <strong>URL del 1er y del 2º Enlace</strong> por la dirección a la que llevará cada imagen al pinchar sobre ella, y <strong>URL de la 1ª y 2ª imagen</strong> por los banners o logotipos correspondientes que </span><span style="font-family: arial;">hayamos alojado en Picasa, PicCoodle, Imageshack, Photobucket... y que dirigiran al enlace que hayas puesto.</span></code><br />
<br />
<code><span style="font-family: Arial;">También podemos cambiar <strong>TITULO 1</strong> por el título que queramos, por ejemplo el del blog al que se enlace.</span></code><br />
<br />
<code><span style="font-family: arial;">Y otra cosa, con el código que tenéis, podéis añadir tan solo 2 imágenes con enlaces, asi que si quieres poner muchos más banners (logotipos), tan solo tienes que pegar de nuevo la línea:</span></code><br />
<br />
<span style="font-family: arial;"><br />
</span><br />
<code><code><a href="<strong>URL DEL ENLACE 3, 4, 5, etc.</strong>" title="<strong>TÍTULO 3, 4, 5, etc.</strong>"><img src="<strong>URL DE LA IMÁGEN 3, 4, 5, etc.</strong>"</a></code></code><br />
<br />
<span style="font-family: -webkit-monospace; font-size: small;"><span class="Apple-style-span" style="font-size: 13px;"><br />
</span></span><br />
<code><span style="font-family: arial;">Y repetirla tantas veces como hagan falta (y cambiando la <strong>URL del enlace y la imagen</strong>, y el <strong>TÍTULO</strong>)</span></code><br />
<br />
<code><span style="font-family: arial;">También podemos personalizar otras propiedades:</span></code><br />
<br />
<code><span style="font-family: Arial;"><strong>- marquee direction: </strong>Hacia donde se moverán las imágenes; <strong>up</strong> (arriba), <strong>down</strong> (abajo), <strong>right </strong>(a la derecha) y <strong>left</strong> (al a izquierda)</span></code><br />
<br />
<code><span style="font-family: Arial;"><strong>- scrollAmount:</strong> Velocidad a la que se moverán las imágenes. Cuanto mayor sea el número, mayor será la velocidad, aunque el 1 está bien.</span></code><br />
<br />
<code><span style="font-family: Arial;"><strong>- text-align:</strong> Posición de las imágenes, centrados (<strong>center</strong>), a la derecha (<strong>right</strong>), a la izquierda </span><span style="font-family: arial;">(<strong>left</strong>).</span></code><br />
<span style="font-family: arial;"><strong>- width:</strong> Ancho de la caja o tabla.</span><br />
<span style="font-family: arial;"><strong>- height:</strong> Alto de la caja o tabla.<br />
</span><code><br />
<span style="font-family: arial;"><strong>- border:</strong> Grosor del borde de la tabla.</span></code><br />
<code><span style="font-family: arial;"><strong>- #000000:</strong> Color del borde en códigos hexadecimales, en este caso, blanco. Puedes ver el código del color que quieras en el widget que tengo al final de la columna derecha.</span></code><br />
<span style="font-family: arial;"><br />
</span><br />
<code><span style="font-family: Arial;">Espero que os haya servido!!! Cualquier duda, problema, etc. me lo podéis dejar en los comentarios. Un saludo!!!</span></code><br />
<code></code>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com0tag:blogger.com,1999:blog-3844150810066895313.post-17391678790518299552009-08-03T21:25:00.000+02:002009-08-24T00:42:36.307+02:00Agunata regala un dominio .com por su 2º aniversario.<p align="center"><a href="http://www.agunata.com/"><img src="http://1.bp.blogspot.com/_8PJ-pgoBhWQ/Smoz02-tJCI/AAAAAAAAG-s/KkdtWp1Pqac/s200/Agunata.jpg" /></a></p><p align="left"><br />Por motivo del 2º aniversario del blog <a href="http://www.agunata.com/"><strong><span style="font-size:130%;">Agunata.com</span></strong> </a>, se sorteará un dominio .com totalmente gratis por un año (gracias a <a href="http://www.zuperhosting.net/templatesesp/site/index.php">ZuperHosting</a>).<br />Se usará la página <a href="http://random.org/lists/">random.org</a> para elegir al afortunado ganador o ganadora.<br /><br />Tan solo hay que tener un blog y crear en él una entrada sobre el sorteo, además de contactar con David y confirmarle tu participación.<br /><br />Podéis ver toda la información en <a href="http://agunata.com/2-anos-de-agunata-y-regalamos-dominio-com#more-438"><strong>la entrada al respecto</strong></a><strong> </strong>, y daros prisa porque el plazo para inscribirse al concurso <strong>termina el 6 de Agosto</strong>!!<br /><br />¡¡¡ Mucha suerte a todos !!! </p>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com0tag:blogger.com,1999:blog-3844150810066895313.post-44229415591790744442009-07-30T18:19:00.000+02:002009-08-24T00:42:36.317+02:00Yahoo! en Diciembre de 1998Aquí os dejaré otras imagenes de como era en 1998, esta vez, el buscador Yahoo! .<br /><br />Y, bueno... pues quien lo quiera ver que lo.. vea. Os recomiendo que pongáis el tema clásico de Windows y será más creíble :) .<br />Ala, aquí las teneís, para que lo comparéis con el actual...<br /><br /><img style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 515px; CURSOR: hand; HEIGHT: 390px; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN5eOwsP1vpz6nlmH_MzP-YMx0d-E2MQbHdrrppJy2jucjQCgaQ1DgZd1F1H6w-ivTjKDlE-_Nc08H7KvxPfAsS97opa3_hEIfhXQMJssjgcYbf5HhWZ2mzUAFFMsrU5hl4Z18kAwDaIDy/s640/Yahoo.png" border="0" /><br /><p align="center"><iframe style="WIDTH: 481px; HEIGHT: 617px" src="http://web.archive.org/web/19981212013849/espanol.yahoo.com/" frameborder="0" scrolling="yes"></iframe></p><div align="center">Si os ha gustado, dejad un comentario!!!</div>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com0tag:blogger.com,1999:blog-3844150810066895313.post-84478228589605234962009-07-29T19:01:00.000+02:002009-08-24T00:42:36.325+02:00Código para aumentar/ disminuir tamaño del texto<div align="center"><span style="font-size:180%;"><strong>A+ / <span style="font-size:130%;">a-</span></strong></span></div><strong><span style="font-size:130%;"></span></strong><div align="left"><br />Aquí os dejo un código que permitirá aumentar o disminuir el tamaño del texto del blog.<br /><br />1. En Diseño> Edición de HTML de la plantilla, inserta lo siguiente antes de <span style="font-family:courier new;"></body></span></div><div align="left"><span style="font-family:Courier New;"></span></div><span style="font-family:courier new;"><div align="left"><br /><script type='text/javascript'><br />//<![CDATA[<br />var tgs = new Array( 'div','td','tr');<br />var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );<br />var startSz = 2;<br />function ts( trgt,inc ) {<br />if (!document.getElementById) return<br />var d = document,cEl = null,sz = startSz,i,j,cTags;<br />sz += inc;<br />if ( sz < 0 ) sz = 0;<br />if ( sz > 6 ) sz = 6;<br />startSz = sz;<br />if (!( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];<br />cEl.style.fontSize = szs[ sz ];<br />for ( i = 0 ; i < tgs.length ; i++ ) {<br />cTags = cEl.getElementsByTagName( tgs[ i ] );<br />for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];<br />}<br />}<br />//]]><br /></script><br /><br /><span style="font-family:arial;">2. Después en diseño, inserta un nuevo Elemento HTML con lo siguiente:</span><br /><br /><a href="javascript:ts('body',2)">A+</a> <a href="javascript:ts('body',-1)">a-</a><br /><br /><span style="font-family:arial;">También puedes insertar imagenes si quieres:</span></div><span style="font-family:Arial;"></span><div align="left"><br /><a href="javascript:ts('body',2)"><img src="URL DE LA IMAGEN DE AUMENTAR TAMAÑO"/></a><a href="javascript:ts('body',-1)"><img src="URL DE LA IMAGEN DE DISMINUIR TAMAÑO"/></a> </div><div align="left"> </div></span><div align="left">Puedes ver como queda con texto y con imágenes en mi <strong><a href="http://todoparablogers.blogspot.com/">blog de pruebas</a>.</strong></div><div align="left"></div><div align="left"><strong>Si te ha gustado el truco, deja un comentario. Gracias!!!!</strong></div>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com1tag:blogger.com,1999:blog-3844150810066895313.post-82650286376006098392009-07-29T17:08:00.000+02:002009-08-24T00:42:36.333+02:00Microsoft y Yahoo! se alían para plantar cara a Google<a href="http://www.sondeoeconomico.com/wp-content/uploads/2008/05/microsoft-yahoo-listo.jpg"><img style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 272px; CURSOR: hand; HEIGHT: 212px; TEXT-ALIGN: center" alt="" src="http://www.sondeoeconomico.com/wp-content/uploads/2008/05/microsoft-yahoo-listo.jpg" border="0" /></a><strong><span style="font-size:130%;">Las compañías compartirán durante 10 años sus sistemas de búsqueda y gestión de la publicidad.- Ballmer afirma que el acuerdo proporcionará a Bing la dimensión necesaria para competir más eficazmente</span></strong><br /><div></div><br /><div>Microsoft y Yahoo han anunciado hoy un acuerdo por 10 años para unir sus sistemas de búsqueda y publicidad, en un intento por plantar cara a Google. Microsoft aporta la tecnología de búsquedas y Yahoo la gestión de la publicidad asociada a las mismas. Yahoo! incorporará el motor de búsqueda Bing y se encargará en exclusiva y a nivel mundial de la publicidad asociada. Este acuerdo culmina después de que fracasara la intentona de Microsoft de comprar la compañía rival en el sector de las búsquedas por 45.500 millones de dólares.</div><div></div><br /><div>El empleo común de la misma plataforma incrementará el número de usuarios y favorecerá la comercialización de la publicidad. Actualmente, en Estados Unidos, el buscador de Google copa el 65% de las búsquedas, el de Yahoo! está por debajo del 20% y el nuevo Bing ronda el 8,5%. El acuerdo supone un aumento en el empleo de la tecnología de Bing que, por este camino, al incrementar la base de datos refinará mejor sus búsquedas.<br />Algunas agencias publicitarias no contemplan todavía contratos con Bing debido a su baja cuota de mercado. Yahoo! retendrá un alto porcentaje sobre las comisiones publicitarias que se reducirá al cabo de unos años. Sobre si el <a href="http://adage.com/digital/article?article_id=138177" target="_blank">acuerdo </a>podría vulnerar la normativa antimonopolio estadounidense, las dos empresas consideran que no es planteable porque se trata de ofrecer una competencia alternativa y más fuerta al líder del sector, Google.</div><br /><div>¿Que te parece este "pacto"? Deja un comentario con tu opinión, te lo agradeceré mucho!!! :)</div><div></div><div>Fuente: <em>El País</em></div><div><a href="http://www.elpais.com/articulo/tecnologia/Microsoft/Yahoo/alian/plantar/cara/Google/elpeputec/20090729elpeputec_2/Tes">Leer el artículo completo</a></div>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com0tag:blogger.com,1999:blog-3844150810066895313.post-69072614580322600902009-07-26T19:07:00.000+02:002009-08-24T00:42:36.341+02:00Como era Google en 1998Pues si, muchos se preguntarán como era Google en 1998, ese buscador que empezó ya hace más de 10 años, y que actualmente todos (o casi todos) lo tenemos como página principal.<br /><br />Y es que al principio, el dominio de Google era <strong>google.standford.edu , </strong>y el logo, aunque parecido, no era como el de ahora.<br /><div align="left"><br /></div><div align="left">Muchos cambios que ahora mismo podréis ver: os dejo una imagen y hasta una "vista en vivo" con un IFRAME.<br /></div><div align="left">Que la disfrutéis!! :)<br /></div><div align="center"></div><br /><br /><div align="center">Nada más empezar...<br /></div><div align="center"></div><img style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 468px; CURSOR: hand; HEIGHT: 302px; TEXT-ALIGN: center" alt="" src="http://www.geckoandfly.com/wp-content/uploads/2006/07/google-at-stanford-wayback.jpg" border="0" /><br /><p align="center">Un poco después<br /></p><p><img style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 502px; CURSOR: hand; HEIGHT: 304px; TEXT-ALIGN: center" alt="" src="http://www.chameleonnet.co.uk/blog/content/binary/google-1998.jpg" border="0" /></p><p align="center">Y ahora, podreis ver un Iframe del Google de 1998<br /></p><p align="left"><iframe style="WIDTH: 581px; HEIGHT: 386px" src="http://web.archive.org/web/19981111183552/google.stanford.edu/" frameborder="0" scrolling="yes"></iframe></p><p align="left"><br />Ahi lo teneis!!! ¿ De donde la he sacado? Secreto, jaja. Solo puedo decir que en internet hay archivos de páginas webs, donde ver todas estas páginas en la antiguëdad :) .<br /><br />De todas formas, pronto pondré como eran otras webs en el pasado, como Blogger, MSN, Microsoft, Yahoo, Wikipedia... Y si queréis alguna en especial, me la podéis decir en los comentarios e intentaré ponerla lo antes posible.<br /><br />Un saludo!!!</p>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com0tag:blogger.com,1999:blog-3844150810066895313.post-47256521734425287442009-07-25T19:22:00.000+02:002009-08-24T00:42:36.348+02:00Pon un imagen en la esquina inferior de tu blogSi quieres poner una imagen en la esquina inferior en tu blog, pega este codigo en un nuevo <strong>elemento HTML</strong> de tu página (Diseño > Elementos de Página > <strong>Añadir un gadget</strong> )<br /><br /><span style="font-family:courier new;"><code><a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="<span style="color:#993300;">http://todoparablogers.blogspot.com</span>"/><img src="<span style="color:#000066;">http://i252.photobucket.com/albums/hh18/juanjujuy5/homer-comentario.png</span>"/></a></code></span><br /><br /><strong>Cambiamos la URL de Todo para Bloggers</strong> (<strong><span style="color:#990000;">código rojo</span></strong>) por la que queramos que enlace a la imagen, y también, podemos <strong><span style="color:#000000;">cambiar la url de la imagen</span></strong> (<span style="color:#000066;"><strong>código azul</strong></span>), y en vez de que salga la imagen de Homer puedes poner la que tu quieras.<br /><br /><div align="center">Te quedará algo así en la esquina inferior de tu blog: </div><div align="center"></div><div align="center"><a href="http://i252.photobucket.com/albums/hh18/juanjujuy5/homer-comentario.png"><img style="WIDTH: 130px; CURSOR: hand; HEIGHT: 83px" alt="" src="http://i252.photobucket.com/albums/hh18/juanjujuy5/homer-comentario.png" border="0" /></a></div><br />Un truco sencillo pero muy efectivo!!Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com7tag:blogger.com,1999:blog-3844150810066895313.post-91366801582195139612009-07-19T18:16:00.000+02:002009-08-24T00:42:36.355+02:00Botón de Agregar a FavoritosAquí os dejo éste sencillo código con el que permitiremos a nuestros visitantes que agreguen nuestro blog a favoritos. En una <a href="http://todoparablogers.blogspot.com/2009/06/agregar-favoritos.html">entrada anterior </a>ya expliqué como hacerlo, pero en este caso lo que crearemos será <strong>un botón</strong>, en vez de un simple texto.<br /><code><code><br /><script language="JavaScript"><br />function agregar(){<br />if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {</code></code><br /><code><code><br />var url="<span style="color:#990000;">AQUÍ LA URL DE TU PÁGINA</span>";<br />var titulo="<span style="color:#000099;">AQUÍ EL TÍTULO DE TU PÁGINA</span>";<br />window.external.AddFavorite (url,titulo);<br />}<br />else {<br />if(navigator.appName == "Netscape")<br />alert ("Presiona Crtl+D para agregar <span style="color:#000099;">AQUÍ EL TÍTULO DE TU PÁGINA</span> a tus favoritos");<br />}<br />}<br /></script><br /><input value="Agregar a favoritos" onclick="javascript:agregar();" type="button"/></code><br /></code><br />Y tan solo cambiamos <strong><span style="color:#990000;">AQUÍ LA URL DE TU PÁGINA</span></strong> y <strong><span style="color:#000099;">AQUÍ EL TÍTULO DE TU PÁGINA</span></strong> , y lo pegamos en cualquier <strong>Elemento HTML</strong> de nuestro blog.<br />También podemos cambiar el texto que se mostrará en el botón "<strong>Agregar a favoritos</strong>" por "Agrega este blog a tus favoritos" o "Agregar a Marcadores" , etc.<br /><br />Ejemplo: <input onclick="javascript:agregar();" type="button" value="Agregar a favoritos"><br /><br />Espero que os haya servido. Un saludo!!!Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com2tag:blogger.com,1999:blog-3844150810066895313.post-22110058227806615172009-07-14T18:48:00.000+02:002009-08-24T00:42:36.406+02:00Inserta Google Maps en tu blog o web<img style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 169px; CURSOR: hand; HEIGHT: 40px; TEXT-ALIGN: center" alt="" src="http://maps.google.es/intl/es_es/images/maps_small_horizontal_logo.png" border="0" />Hola!!! En este truco te enseñaré como insertar en tu página (en una entrada o en un widget) un mapa de un sitio o zona determinada con Google Maps.<br /><br /><div>La verdad, he buscado muchos trucos pero con soluciones muy complicadas, ya verás como siguiendo estos pasos solo tardaras un minuto.</div><br /><div>Lo primero que debemos hacer, es ir a la página de <strong><a href="http://maps.google.es/maps">Google Maps</a></strong>, pero atención, debemos de acceder antes con nuestra cuenta de Google.</div><br /><div>Una vez allí, en la columna izquierda pinchamos en<strong> Mis mapas</strong>, y despues en <strong>Crear un mapa nuevo</strong></div><br /><div>Tras esto, <strong>nos vamos a la zona que queramos mostrar</strong>, pues sirve para muchas cosas; rutas, guías, yacimientos, puntos de interes, mapa de una ciudad... e innumerables utilidades más.</div><br /><div>También podemos delimitar una parte del mapa<strong> con líneas o con formas</strong>, pinchando en el icono que hay con unas rayas, o <strong>insertar un marcador de posición</strong>, con el icono: <a href="http://www.assorits.com/files/nuevo_marcador.png"><img style="WIDTH: 25px; CURSOR: hand; HEIGHT: 23px" alt="" src="http://www.assorits.com/files/nuevo_marcador.png" border="0" /></a></div><br /><div>Al terminar le ponemos un título y si queremos una descripción. Tras esto, nos dirigimos a encima del mapa y pinchamos en <a href="http://zonadepruebas.org/garillete/cadena.jpe"><span style="color:#000066;"><img style="WIDTH: 23px; CURSOR: hand; HEIGHT: 18px" alt="" src="http://zonadepruebas.org/garillete/cadena.jpe" border="0" /></span></a> <span style="color:#000066;"><strong>ENLAZAR</strong></span></div><div><strong><span style="color:#000066;"></span></strong></div><div><strong><span style="color:#000066;"></span></strong></div><div><span style="color:#000000;"></span></div><div><span style="color:#000000;">Y ya está!!!, ahora solo <strong>cogemos el código</strong> que viene debajo de <strong>Pegar HTML para insertar en sitio web</strong></span></div><div><strong></strong></div><div><strong></strong></div><div></div>Después lo pegamos en una entrada o un Elemento HTML, y ya lo tenemos listo.<br /><br /><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps/ms?hl=es&ie=UTF8&msa=0&msid=109621370028986679252.00046ead7fab5b8f3c331&t=h&ll=38.116664,-1.2957&spn=0.023635,0.036478&z=14&output=embed"></iframe><br /><small>Ver <a href="http://maps.google.es/maps/ms?hl=es&ie=UTF8&msa=0&msid=109621370028986679252.00046ead7fab5b8f3c331&t=h&ll=38.116664,-1.2957&spn=0.023635,0.036478&z=14&source=embed" style="color:#0000FF;text-align:left">Archena</a> en un mapa más grande</small>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com1tag:blogger.com,1999:blog-3844150810066895313.post-41445425302294456382009-07-11T19:29:00.000+02:002009-08-24T00:42:36.393+02:00Ya esta disponible la versión final de Firefox 3.5<object width="480" height="350"><param name="movie" value="http://www.youtube.com/v/k5Zbc-Rg6e8&hl=es&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/k5Zbc-Rg6e8&hl=es&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="350"></embed></object><br /><br />Por fin está disponible oficialmente la versión final de Firefox 3.5. Puede descargarse desde el sitio oficial para todas las plataformas soportadas y en más de 70 idiomas.<br /><br />Además de la nueva versión del logotipo del navegador, en este video oficial de presentación podemos ver las novedades de Firefox 3.5 respecto a las anteriores ediciones. Se ha trabajado mucho para mejorar velocidad y el rendimiento de la aplicación en general, pero también se han incorporado funcionalidades completamente nuevas como la navegación privada, el motor de Javascript TraceMonkey y el soporte de las etiquetas <audio>y <video>en HTML5 para la reproducción nativa de material multimedia en Vorbis y OGG.<br /><br />No sólo es una versión que mejora la estabilidad y la velocidad del navegador sino que los usuarios podrán disfrutar de una gran cantidad de mejoras en la aplicación del panda rojo. El motor Gecko es más veloz a la hora de renderizar los contenidos de los sitios web, se permite la compartición de la ubicación geográfica del usuario con las páginas, se ha añadido el soporte a tipografías descargables, transformaciones de gráficos vectoriales SVG y un nuevo sistema de ejecución multihilo, entre otras muchas cosas.<br /><br />Fuente: <a href="http://www.genbeta.com/">Genbeta</a><br />Ir a la página de <a href="http://www.firefox.com/">Mozilla Firefox</a>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com2tag:blogger.com,1999:blog-3844150810066895313.post-9462690920058113802009-07-07T15:08:00.000+02:002009-08-24T00:42:36.417+02:00Personalizar el mensaje de los comentariosSi quieres personalizar el mensaje que salga antes de la caja para dejar un comentario, con el texto que quieras, dirígete a <strong>Configuración > Comentarios</strong> y ahí a: <strong>Mensaje del formulario de Comentarios.</strong> Veríamos ésto:<br /><img style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 572px; CURSOR: hand; HEIGHT: 128px; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixYSmk6o9wHA2oGuB7ImZRwITtgZ8CknUcPzS2YKoPbUv2ehWz_tfNXzAexol7ahThnwf2VMfBgJdFk5uz8cMLpU5jbGljXR0GoFDfhk8NwDYxDJQvGnQmDAqhlFauuPCifb-6Sf0eHA61/" border="0" />Y lo dicho; puedes escribir cualquier mensaje: Normas, reglas, prohibiciones o incluso una ayudita como la que yo he puesto para que en el comentario se pueda dejar un vínculo. <p>En caso de querer poner ese código que ayuda a poner un link, copia esto :<code><br /></code></p><p><code><code><a href="url-de-la-página">Texto enlace</a><br /><br /></code></code></p><p><code><span style="font-family:arial;">Después te diriges a </span><a href="http://simplebits.com/cgi-bin/simplecode.pl?mode=process"><span style="font-family:arial;">http://simplebits.com/cgi-bin/simplecode.pl?mode=process</span></a><span style="font-family:arial;"> , y pegas el código anterior. Pinchas en Process y al código que te dé le tendrás que quitar</span> <code><code> </code><span style="font-family:arial;">y </span><code></code></code></code></p><p><code><span style="font-family:arial;">Coges ese código y lo pegas en Mensaje del Formulario de Comentarios.</span></code></p><p><code><span style="font-family:arial;">Por ejemplo, quedaría así:</span></code></p><p><code><span style="font-family:georgia;"><strong>Aquí puedes dejar tu comentario; dudas, preguntas, sugerencias...</strong></span></code></p><p><code><span style="font-family:georgia;"><strong>Si quieres poner un enlace: <code><a href="url-de-la-página">Texto enlace</a><br /><br /></code></strong></span></code></p><p><code><span style="font-family:arial;">Así de fácil puedes personalizar el mensaje de antes del formulario de comentarios. Ha sido sencillo, ¿no?</span></code></p>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com0tag:blogger.com,1999:blog-3844150810066895313.post-34427597656540176302009-06-28T13:52:00.000+02:002009-08-24T00:42:36.441+02:00Cambiar el FavIcon del blogEl favicon de un blog o página web es <strong>el pequeño icono</strong> o imagen que sale al lado de la URL de nuestra página, en la barra de direcciones.<br /><br />Para cambiar el Favicon que viene por defecto en los blogs de Blogger (una B con un recuadro naranja), por el que queramos, vamos a seguir los siguientes pasos:<br /><br /><strong>1.</strong> <strong>Crear el FavIcon</strong>: Si quieres conseguir un favicon <strong>a partir de una imagen</strong> que tengáis en vuestro PC y que concuerde con el contenido de vuestro blog (Si es de informática, un ordenador; si es de tenis, una bola de tenis, etc.), dirígete a <a href="http://www.html-kit.com/favicon/"><strong>FavIcon from Pics</strong></a> .<br /><br />Pincha en <strong>Examinar</strong> y escoge la imagen desde tu Pc. Después le das a <strong>Generate FavIcon,</strong> y:<br /><br /><strong>2.</strong> A continuación puedes guardar la imagen y alojarla en Imageshack, PicCoodle, o Sky Drive...<br /><br /><div>Un ejemplo de Fav Icon (lo podéis utilizar): <a href="http://img36.picoodle.com/img/img36/2/6/28/javiermedina/t_animatedfavm_3fb356d.gif"><img style="WIDTH: 16px; CURSOR: hand; HEIGHT: 16px" alt="" src="http://img36.picoodle.com/img/img36/2/6/28/javiermedina/t_animatedfavm_3fb356d.gif" border="0" /></a><br /><br />Ya con la URL de la imagen conseguida:<br /><br /><strong>3.</strong> Vamos a <strong>Diseño> Edición de HTML, </strong>y buscamos (Ctrl + F) :<br /><br /><code><title><data:blog.pagetitle><title></code><br /><br />Y <strong>antes de esa línea</strong> (encima) <strong>pegamos esto</strong>:<br /><br /><code><link href=<span style="color:#000099;">'URL</span><span style="color:#000099;"> DE TU FAVICON</span>' rel='shortcut icon' type='image/x-icon'/><br /><link href='<span style="color:#000099;">URL DE TU FAVICON</span>' rel='icon' type='image/x-icon'/></code><br /><br />Cambiamos dos veces <span style="color:#000099;">URL DE TU FAVICON</span>, por la dirección de nuestra imagen que hemos alojado anteriormente.<br /><br /><strong>ATENCIÓN:</strong> He leido en <em>El Escaparate de Rosa</em>, que puede haber algun problema en el FavIcon ahora, al haber cambiado un enlace en la cabecera de algunas plantillas nuestro querido Blogger.<br /><br />Hay dos soluciones, pero si no teneis el problema, no cambiarlo.<br /><br /><strong>Solución 1:</strong><br /><strong>Eliminar</strong> el enlace nuevo que Blogger ha colocado:<br /><br /><code><link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/></code><br /><br /><strong>Solución 2 (recomendada):</strong><br /><strong>Trasladar</strong> el código de nuestro FavIcon (el que pegamos en el paso 2) antes de <code></head></code><strong></strong><br />ASI:<br /><br /><code>]]></b:skin><br /><span style="color:#000099;">AQUI EL CODIGO DE NUESTRO FAVICON DEL PASO 2 </span><br /></head><br /></code><br /></code>Yo, de todas formas os recomiendo que si teneis ese problema, lo solucioneis con el <strong>2</strong><br /><strong></strong></div><div><strong>Y otra cosa: </strong>A veces Internet Explorer, no muestra ni la <strong><span style="font-family:trebuchet ms;font-size:130%;color:#ff6600;">B</span></strong>, ni nuestro Favicon. Esto pasa (por lo menos a mi) cuando visitamos mucho esa pagina, y tan solo sale una hoja pequeña con el logo de Internet Explorer. En ese caso no es ningun problema (bueno si, pero no se puede hacer nada)<br /><br />Bueno, espero que os haya gustado. Un saludo!!</div>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com4tag:blogger.com,1999:blog-3844150810066895313.post-4131958410904928512009-06-19T19:51:00.000+02:002009-08-24T00:42:36.450+02:00Quitar el mensaje "Mostrando todas las entradas con la etiqueta..."<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu1aacg3mucFktqtMifgwviBfDf9hZYLyuxARE9hjV6H_qWIt-AXtKP2zhekJpzgSF-pB1N0dfg0Kv8jcJIEjN0nkemr9VEusMUKRddsBkyRkdl3_6giD41M139uWMqhW_2xeeaNlu05RR/s1600-h/mostrando.png"><img id="BLOGGER_PHOTO_ID_5349101528422394418" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 60px; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu1aacg3mucFktqtMifgwviBfDf9hZYLyuxARE9hjV6H_qWIt-AXtKP2zhekJpzgSF-pB1N0dfg0Kv8jcJIEjN0nkemr9VEusMUKRddsBkyRkdl3_6giD41M139uWMqhW_2xeeaNlu05RR/s400/mostrando.png" border="0" /></a>Si quieres <strong>quitar el cuadro o mensaje </strong>que sale en Blogger que dice: "Mostrando todas las entradas con la etiqueta <strong>-?- </strong>", cuando pinchas en una etiqueta, o también cuando buscas una palabra en el buscador de un blog, hay una solución muy simple:<br /><div></div><br /><div>Vamos a <strong>Diseño> Edición de HTML</strong> y ahí <strong>Expandimos la plantilla de artilugios</strong></div><br /><div><strong></strong></div><div>Después localizamos la línea: </div><br /><div><span style="font-family:courier new;"><code><b:include data='top' name='status-message'/><br /><br /></code></span></div><div><span style="font-family:Courier New;"><span style="font-family:Georgia;">Y simplemente, <strong>la ELIMINAMOS</strong> </span></span></div><div><br /> </div><div><span style="font-family:Courier New;"></span></div><div><span style="font-family:lucida grande;">Y ya está, el cuadro no volverá a salir. Si quieres ponerlo de nuevo como antes, pues vuelves a poner la línea 1ª en la plantilla, en el lugar correspondiente.</span></div>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com3tag:blogger.com,1999:blog-3844150810066895313.post-51140688395313551792009-06-19T19:19:00.000+02:002009-08-24T00:42:36.460+02:00Quitar la barra (NavBar) de BloggerSi quieres quitar (u ocultar) la barra que Blogger pone en la parte superior de los blogs (llamada NavBar), tan solo tendrás que dirigirte a Diseño> Edicion de HTML.<br /><br />Y ahí localizamos la línea <span style="font-family:courier new;"><code><head></code></span><br /><br />Y después pegamos el siguiente código:<br /><br /><span style="font-family:courier new;"><code>#navbar-iframe {<br />height:0px;<br />visibility:hidden;<br />display:none;<br />}<br /><br /></code></span><strong>Otra manera, que sale en Blog&Web:</strong><br /><strong></strong><br />Localizamos la línea: <span style="font-family:courier new;"><code>body {<br /></code></span><br />Y justo encima (arriba) pegamos este código:<br /><br /><span style="font-family:courier new;"><code>#navbar-iframe {<br />height:0px;<br />visibility:hidden;<br />display:none<br />}</code></span><br /><br />Este "truco", la mayoría de las plantillas que se pueden descargar (En Btemplates o Blog and Web) ya lo llevan puesto, asi que no hace falta ponerlo.<br />De todas formas, si añoras el link "Nueva Entrada" o "Personalizar" que salen en la barra, puedes hacer un widget en tu blog con el título, por ejemplo, Administrar, y con los enlaces Login, Editar, Nueva Entrada, etc., con los links correspondientes, ¡y todo solucionado!<br /><br />Espero que os sirva!!!. Cualquier duda me la podéis dejar en los comentariosJavier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com1tag:blogger.com,1999:blog-3844150810066895313.post-63742178181936414942009-06-16T16:42:00.000+02:002009-08-24T00:42:36.470+02:00Codigo para poner nuestro blog como página principal<img style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 64px; CURSOR: hand; HEIGHT: 64px; TEXT-ALIGN: center" alt="" src="http://www.iconlook.com/icondb/glaze/64x64/apps/kfm_home.png" border="0" />Hoy he descubierto un codigo muy sencillo que permite a los visitantes que agreguen nuestro blog o web como página principal.<br /><div></div><br /><div><strong>1ª forma</strong>, con un <strong>simple enlace de texto</strong>. El código es éste:</div><br /><div><span style="font-family:courier new;"><code><a href="#" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('<span style="color:#cc0000;">URL DE TU PÁGINA</span>')"><br /><font color="#ffffff"><span style="color:#006600;">NOMBRE DEL ENLACE</span></font></a></code></span></div><br /><div>Tan solo cambiamos la <span style="color:#cc0000;">URL DE TU PÁGINA</span> por la dirección de nuestro blog o web que queramos que tenga la posibilidad de agregarla como página principal.</div><br /><div>También cambiamos <span style="color:#006600;">NOMBRE DEL ENLACE</span> por la frase por ejemplo, "Página principal" o "Hazme tu página de inicio", etc., o Incluso el color <span style="font-family:courier new;">#ffffff</span> , por el que queramos.</div><br /><div><strong>-------</strong></div><div><strong>2ª forma</strong>, en el que se puede hacer lo mismo <strong>desde una imagen</strong>:<br /></div><div><span style="font-family:courier new;"><code><a href="#" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('<span style="color:#cc0000;">URL DE TU PÁGINA</span>')"><br /><img src="<span style="color:#000099;">URL DE TU IMAGEN</span>"></a></code></span></div><br /><div></div><div>Y lo mismo; cambiamos <span style="color:#cc0000;">URL DE TU PÁGINA</span> por la dirección de nuestro blog o web, y donde pone <span style="color:#000099;">URL DE TU IMAGEN</span>, ponemos la dirección donde esta el icono o la imagen que se mostrará.</div><br /><div>Espero que te haya servido. Puedes ver como queda en la parte de abajo y No te olvides de dejar un comentario!!! </div>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com1tag:blogger.com,1999:blog-3844150810066895313.post-3128779073124702562009-06-13T19:13:00.000+02:002009-08-24T00:42:36.486+02:00Abrir comentarios en página emergentePara abrir los comentarios en una ventana nueva (emergente), tan solo nos tenemos que dirigir a <strong><span style="color:#000099;">Configuración > Comentarios > Ubicación del formulario de comentarios</span></strong>, y marcamos <strong>Ventana Emergente</strong>, aunque también podéis ver las otras opciones<br /><br /><img style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 713px; CURSOR: hand; HEIGHT: 156px; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO4qpBB4INDljSCK1WjqYvKBQ94mmLTu9vFo3rfigC-GPiAD75U8GdGWnergmXNq7sQ8kPh0nWSzk2AVg26DUZMNPsPZRsgoZxcx_Xv14lXeo0tXfSMPffCX4Gml0Ygedb4s-cd8gu94b8/" border="0" /><strong><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO4qpBB4INDljSCK1WjqYvKBQ94mmLTu9vFo3rfigC-GPiAD75U8GdGWnergmXNq7sQ8kPh0nWSzk2AVg26DUZMNPsPZRsgoZxcx_Xv14lXeo0tXfSMPffCX4Gml0Ygedb4s-cd8gu94b8/">Ver más grande.</a></strong>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com3tag:blogger.com,1999:blog-3844150810066895313.post-63092364849919042982009-06-13T18:18:00.000+02:002009-08-24T00:42:36.503+02:00Caja de HTML para nuestro banner - IIEn una entrada anterior os decía como hacer una caja con el codigo HTML de nuestro banner, de manera más "manual". <div><br /></div><div>Pues bien, ésta es otra manera de conseguirla. Utilizando la web <span class="Apple-style-span" style="font-size:large;"><a href="http://br.geocities.com/an_sp73/LinkMe.html"><b>Link Me</b></a></span></div><div><br /></div><div>Tan solo escribiremos la URL a la que dirige el banner (<span class="Apple-style-span" style="FONT-WEIGHT: bold; COLOR: rgb(255,255,255)"><span class="Apple-style-span" style="color:#000000;">Endereço do seu blog)</span><span class="Apple-style-span" style="FONT-WEIGHT: normal; COLOR: rgb(0,0,0)">, y la URL de la imagen del banner (<span class="Apple-style-span" style="FONT-WEIGHT: bold">Endereço do seu button). </span>Además, podemos poner como título "Enlázame" o "Link Me" en el espacio </span><span class="Apple-style-span" style="COLOR: rgb(0,0,0)">Título.<span class="Apple-style-span" style="FONT-WEIGHT: normal"> Y tras ésto le damos a</span> Gerar Código.</span></span></div><div><span class="Apple-style-span" style="font-family:'times new roman';"><b><br /></b></span></div><div>Además, con éste generador conseguimos que al pasar el puntero por encima se seleccione todo el código.</div><div><span class="Apple-style-span" style="font-family:'times new roman';"><b><br /></b></span></div><div>Ésta es una prueba de como quedaría con mi banner:</div><p align="center"><span class="font2"><b>Enlázame</b></span><br /></p><p align="center"><img hspace="2" src="http://imgcash6.imageshack.us/img199/5232/todoparabloggers.png" vspace="5" /><br /><textarea onmouseover="this.focus()" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #ffffff" onfocus="this.select()" name="textarea" rows="3" cols="10"><br /><a href="http://todoparablogers.blogspot.com/" target="_blank"><img src="http://imgcash6.imageshack.us/img199/5232/todoparabloggers.png" border="0" /></a><br /><br /></textarea><br /></p>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com1tag:blogger.com,1999:blog-3844150810066895313.post-53958976859132771582009-06-11T18:35:00.000+02:002009-08-24T00:42:36.511+02:00Caja de HTML para nuestro bannerMediante éste código, conseguiras un widget con la imagen del banner de tu blog y una caja de html con el código de tu banner.<br /><br />El código es éste:<br /><br /><code><a href="<span style="color:#000099;">url de tu página</span>" target="_blank"><img src="<span style="color:#cc0000;">url-de-la-imagen</span>"/></a><br /><textarea><a href="<span style="color:#000099;">url-de-tu-página</span> " target="_blank"><br /><img src="<span style="color:#cc0000;">url-de-la-imagen</span>"/></a></textarea><br /></code><br /><br />Tan solo modificamos la "<span style="color:#000099;"><strong>URL de la página</strong>" </span><span style="color:#000000;">(2 veces) y la "<span style="color:#990000;"><strong>URL de la imagen</strong></span>" (otras 2 veces).</span><br /><br />Y quedará algo así:<br /><br /><a href="http://todoparablogers.blogspot.com/" target="_blank"><img src="http://imgcash6.imageshack.us/img199/5232/todoparabloggers.png" /></a><br /><textarea><a href="http://todoparablogers.blogspot.com" target="_blank"><img src="http://imgcash6.imageshack.us/img199/5232/todoparabloggers.png" /></a></textarea><br /><br /><br />Espero que os sirva, y para cualquier duda, podéis dejar un comentario. Un saludo!!Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com3tag:blogger.com,1999:blog-3844150810066895313.post-38581013765345720872009-06-11T13:36:00.000+02:002009-08-24T00:42:36.519+02:00Agregar a favoritos<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgupMvrowFCz7aVjrGof4-tZieliyfBUjZ0K50qL0cv78LLWL-osaCCYLge579pQqTe5Q3FluQUQth0GwzHBu-NlYtSS3bwqX143O4kbgAfD4FaH62JBGEGG4Wow4XMxNj5hWXVQ1de1LQ/s400/favoritos.png"><img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 83px; CURSOR: hand; HEIGHT: 75px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgupMvrowFCz7aVjrGof4-tZieliyfBUjZ0K50qL0cv78LLWL-osaCCYLge579pQqTe5Q3FluQUQth0GwzHBu-NlYtSS3bwqX143O4kbgAfD4FaH62JBGEGG4Wow4XMxNj5hWXVQ1de1LQ/s400/favoritos.png" border="0" /></a> Éste sencillo código permitirá ofrecer a nuestros visitantes la posibilidad de Agregar a favoritos nuestro blog o web.<br /><br /><code><a href="javascript:window.external.AddFavorite('<span style="color:#990000;"><strong>URL de la página</strong></span>','<span style="color:#000099;">Titulo de la página</span>');">Agregar a favoritos</a> </code><br /><p><code></code></p><p><code><span style="font-family:arial;">Tan solo cambiamos la parte de rojo por la URL de nuestra página o blog, y la parte de azul por el título que saldrá en la ventana de Agregar a favoritos.</span></code></p><p><span style="font-family:arial;">Quedaría así:</span></p><p><a href="javascript:window.external.AddFavorite('http://todoparablogers.blogspot.com','Todo para Bloggers');">Agregar a favoritos</a> <a href="javascript:window.external.AddFavorite("></a></p>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com1tag:blogger.com,1999:blog-3844150810066895313.post-46761796924834582572009-06-09T13:54:00.000+02:002009-08-24T00:42:36.540+02:00Crea fácilmente una presentación con Slide<a href="http://www.slide.com/"><img style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 150px; CURSOR: hand; HEIGHT: 85px; TEXT-ALIGN: center" alt="" src="http://upload.wikimedia.org/wikipedia/en/6/6d/Slide-logo.jpg" border="0" /></a>Si tienes un blog o una web y quieres crear una pequeña (o grande) presentación subiendo imágenes tanto de tu equipo como de otras webs; Facebook, PhotoBucket, Flickr, etc, sin duda te vendrá muy bien esta página gratis y muy rápida: <a href="http://www.slide.com/"><span style="font-size:130%;">http://www.slide.com/</span></a><br /><div><br />Pudes crear tanto presentaciones de fotos, como poner retoques divertidos a tus imágenes, animaciones y clips a tus videos...<br /><br />Y todo ésto gratis, aunque claro puedes registrarte rápidamente para después poder modificar todas tus creaciones!!</div>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com0tag:blogger.com,1999:blog-3844150810066895313.post-48109830173630108632009-06-08T16:41:00.000+02:002009-08-24T00:42:36.550+02:00Directorios para promocionar tu blog:Aquí os dejo una buena lista de muchos directorios que existen actualmente en la red, y que son muy útiles para promocionar tu blog gratis en internet.<br /><br /><span style="font-size:130%;"><a href="http://bloggerdirectorio.blogspot.com/">Blogger Directorio</a></span> , (blog dirigido por mí, por cierto)<br /><a href="http://www.directorio-blogs.com/">http://www.directorio-blogs.com/</a><br /><a href="http://www.esdirectorio.com/">http://www.esdirectorio.com/</a><br /><a href="http://www.directorio-blogs.net/">http://www.directorio-blogs.net/</a><br /><a href="http://directorio-de-blogs.com/">http://directorio-de-blogs.com/</a> (Muy bueno, os lo recomiendo)<br /><a href="http://www.zapin.info/directorio-blogs/">http://www.zapin.info/directorio-blogs/</a><br /><a href="http://www.directorioblogs.es/">http://www.directorioblogs.es/</a><br /><a href="http://directorio-de-blogs.net/">http://directorio-de-blogs.net/</a><br /><a href="http://www.blogust.com/">http://www.blogust.com/</a><br /><a href="http://www.blogalaxia.com/">http://www.blogalaxia.com/</a><br /><a href="http://www.zuloblog.com/">http://www.zuloblog.com/</a><br /><a href="http://bitacoras.org.es/">http://bitacoras.org.es/</a><br /><a href="http://directorio.org.es/">http://directorio.org.es/</a><br /><br /><span style="font-size:130%;">También puedes salir en el directorio de <strong><span style="color:#3333ff;">G</span><span style="color:#cc0000;">o</span><span style="color:#ffcc00;">o</span><span style="color:#3333ff;">g</span><span style="color:#009900;">l</span><span style="color:#cc0000;">e</span></strong>: </span><a href="http://www.google.es/dirhp"><span style="font-size:130%;">http://www.google.es/dirhp</span></a><br /><span style="font-size:130%;"></span><br /><span style="font-size:130%;">Y<strong> salir en <span style="color:#000000;"><span style="color:#3333ff;">G</span><span style="color:#cc0000;">o</span><span style="color:#ffcc00;">o</span><span style="color:#3333ff;">g</span><span style="color:#009900;">l</span></span><span style="color:#cc0000;">e</span></strong>, por supuesto, es <strong>gratis</strong>, solo tienes que ir aquí: </span><a href="http://www.google.es/addurl/?continue=/addurl"><span style="font-size:130%;">http://www.google.es/addurl/?continue=/addurl</span></a>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com0tag:blogger.com,1999:blog-3844150810066895313.post-78447561384819507612009-06-06T17:45:00.000+02:002009-08-24T00:42:36.562+02:00La revolución de los blogs: Plataformas para la creación de Bitácoras<span style="font-family:Trebuchet MS;"><a href="http://img168.imageshack.us/img168/1293/blogonoblog.png"><img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 479px; CURSOR: hand; HEIGHT: 330px" alt="" src="http://img168.imageshack.us/img168/1293/blogonoblog.png" border="0" /></a></span><span style="font-family:Trebuchet MS;">Desde hace unos años los blogs (término por Peter Merholz) se han convertido en una revolución e iconos en el mundo de Internet.<br /><br />Actualmente, según se pueden ver en los perfiles de Blogger (Solo Blogger, eh!), en España únicamente, hay aproximadamente unos 10.000.000 de blogs. </span><br /><span style="font-family:Trebuchet MS;"></span><span style="font-family:Trebuchet MS;"><br /><span style="font-family:trebuchet ms;">Aquí podéis ver las plataformas más importantes, entre las que destacan Blogger y Wordpress:</span> </span><br /></span><br /><div><div><div><div></div><div></div><div></div><div></div><div><br /><a href="http://ilearntechnology.com/wordpress/wp-content/uploads/2007/10/blogger.png"><span style="font-family:trebuchet ms;"><img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 185px; CURSOR: hand; HEIGHT: 119px" alt="" src="http://ilearntechnology.com/wordpress/wp-content/uploads/2007/10/blogger.png" border="0" /></span></a><span style="font-family:trebuchet ms;"> </span></div><div><span style="font-family:trebuchet ms;font-size:130%;"></span></div><div><span style="font-family:trebuchet ms;font-size:130%;"></span></div><div><span style="font-family:trebuchet ms;font-size:130%;"></span></div><div><span style="font-family:trebuchet ms;font-size:130%;"></span></div><div><span style="font-family:trebuchet ms;font-size:130%;">Todo el mundo la conoce, ¿no?. Fue creada por Pyra Labs, en 1999, y actualmente es propiedad de Google. </span><a href="http://www.blogger.com/"><span style="font-family:trebuchet ms;font-size:130%;">http://www.blogger.com</span></a><span style="font-family:trebuchet ms;font-size:130%;"> </span></div><br /><div align="left">-----<br /></div><br /><p align="left"><a href="http://mths.faye.k12.wv.us/Announce/wordpress-logo.png"><span style="font-family:trebuchet ms;"><img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 257px; CURSOR: hand; HEIGHT: 88px" alt="" src="http://mths.faye.k12.wv.us/Announce/wordpress-logo.png" border="0" /></span></a></p><br /><div align="left"><span style="font-family:trebuchet ms;"><span style="font-size:130%;">Otra plataforma muy conocida, que puede ser por web (</span></span><a href="http://es.wordpress.com/"><span style="font-family:trebuchet ms;">http://es.wordpress.com/</span></a><span style="font-family:trebuchet ms;font-size:130%;"> ), o con software(</span><a href="http://wordpress.org/"><span style="font-family:trebuchet ms;font-size:130%;">http://wordpress.org/</span></a><span style="font-family:trebuchet ms;"><span style="font-size:130%;">). </span><span style="font-size:130%;">La versión de Software fue creada por Matt Mullenweg, en 2003. </span></span><br /></div><div><br /><a href="http://www.scati.com/gasherbrumdos2006/img/logo_blogia.png"><span style="font-family:trebuchet ms;"><img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 127px; CURSOR: hand; HEIGHT: 108px" alt="" src="http://www.scati.com/gasherbrumdos2006/img/logo_blogia.png" border="0" /></span></a></div><br /><br /><div><span style="font-size:130%;"><span style="font-family:trebuchet ms;"><strong>Blogia</strong>, una plataforma más "española", creada en 2003 y con sede en Zaragoza. </span></span><a href="http://www.blogia.com/"><span style="font-family:trebuchet ms;font-size:130%;">http://www.blogia.com</span></a><span style="font-family:trebuchet ms;"> </span><br /></div><div><span style="font-family:trebuchet ms;"></span></div></div><div></div><div></div><div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div>-------- </div><div><br /></div><div><img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 182px; CURSOR: hand; HEIGHT: 133px" alt="" src="http://www.sitepointstatic.com/graphics/livejournal-logo.jpg" border="0" /><br /><span style="font-family:trebuchet ms;"><span style="font-size:130%;"></span></span></div><div><span style="font-family:trebuchet ms;"><span style="font-size:130%;">Plataforma creada en Abril de 1999, por Brad Fitzpatrick, mayoritariamente en Inglés, aunque también se puede utilizar en Español (</span></span><a href="http://www.livejournal.com/"><span style="font-family:trebuchet ms;font-size:130%;">http://www.livejournal.com/</span></a><span style="font-family:trebuchet ms;font-size:130%;">) </span></div><div><span style="font-family:Trebuchet MS;font-size:130%;"></span></div><div></div><div></div><div></div><div><br /></div><div></div><div><span style="font-family:trebuchet ms;"><span style="font-size:130%;"><strong></strong></span></span></div><div><span style="font-family:trebuchet ms;"><span style="font-size:130%;"><strong><a href="http://ecoinventos.files.wordpress.com/2008/11/logo-bitacoras.jpg"><img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 130px; CURSOR: hand; HEIGHT: 103px" alt="" src="http://ecoinventos.files.wordpress.com/2008/11/logo-bitacoras.jpg" border="0" /></a>Bitácoras.com</strong>, red social de bloggers, creada por José Luis Perdomo en Septiembre de 2003. <a href="http://bitacoras.com/">http://bitacoras.com/</a></span></span></div><div><br /></div><div><br /></div><div></div><div><br /></div><div><a href="http://fr.mashable.com/wp-content/uploads/2009/02/overblog_logo.gif"><span style="font-family:trebuchet ms;"><img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 245px; CURSOR: hand; HEIGHT: 74px" alt="" src="http://fr.mashable.com/wp-content/uploads/2009/02/overblog_logo.gif" border="0" /></span></a></div><div><span style="font-family:trebuchet ms;"><span style="font-size:130%;">Over-Blog, plataforma originalmente francesa, que actualmente también está disponible en español.</span> </span></div><div><span style="font-family:trebuchet ms;font-size:130%;">Fue creado en 2004. </span><a href="http://es.over-blog.com/"><span style="font-family:trebuchet ms;font-size:130%;">http://es.over-blog.com/</span></a> </div><div><br /><br /> </div><div><span style="font-family:trebuchet ms;"><span style="font-size:130%;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCJD4i6Fpx3ytYjzy-Ryj1Zj-pMQnYk13VlrYv-t6IvdPSeZnT4Bx8pGT5fY4E5R1lflJBCHzno-trzvoR47cUlQb6JSRxIHhWQgdhB_OJGNYZXIQfF-r5wN0yZnYiRxwbRk0CviN4iw0/s660/Premio+OboLog.png"><img style="FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 135px; CURSOR: hand; HEIGHT: 53px" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCJD4i6Fpx3ytYjzy-Ryj1Zj-pMQnYk13VlrYv-t6IvdPSeZnT4Bx8pGT5fY4E5R1lflJBCHzno-trzvoR47cUlQb6JSRxIHhWQgdhB_OJGNYZXIQfF-r5wN0yZnYiRxwbRk0CviN4iw0/s660/Premio+OboLog.png" border="0" /></a>Obolog, plataforma de blogs reciente y disponible en español. </span><span style="font-size:130%;">Proyecto de NexoBlogs. </span></span><a href="http://www.obolog.com/"><span style="font-family:trebuchet ms;font-size:130%;">http://www.obolog.com/</span></a><span style="font-family:trebuchet ms;"> </span></div></div></div></div>Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com0tag:blogger.com,1999:blog-3844150810066895313.post-1874026083177324892009-06-06T17:14:00.000+02:002009-08-24T00:42:36.606+02:00ContactoPara contactar conmigo por cualquier duda, sugerencia, pregunta, etc., tan solo tienes que rellenar el siguiente formulario que llegará a mi correo:<br /><iframe style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; WIDTH: 85.56%; BORDER-BOTTOM: medium none; HEIGHT: 366px" src="http://spanish.jotform.com/form/91075454116" frameborder="0" scrolling="no"><br /></iframe><br />También puedes mandarme un e-mail a <a href="mailto:javiermedina96@gmail.com">javiermedina96@gmail.com</a> o dejar un comentario en ésta o las demás entradas.<br />Recuerda que yo estaré encantado en responder a vuestras preguntas y sugerencias. :)Javier Medinahttp://www.blogger.com/profile/02899428658105472220noreply@blogger.com0