tag:blogger.com,1999:blog-44441079061618570602024-03-13T03:32:12.558+01:00Tirando de BlogCódigos y aplicaciones para tu BlogUnknownnoreply@blogger.comBlogger232125tag:blogger.com,1999:blog-4444107906161857060.post-6338167677490087892010-11-11T09:16:00.000+01:002010-11-11T14:52:06.225+01:00Todas las entradas del blog a un solo clic<script src="http://tirandodeblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-3349531221421353482010-10-17T22:02:00.007+02:002010-11-11T14:51:45.776+01:00Poner un favicon en nuestro blog<div align="justify">Hoy he decidido poner un Favicon (pequeño icono que aparece a la izquierda de la barra de direcciones, pestaña de navegación y en los marcadores con el logo de nuestra web o blog) en mi blog y buscando, en el blog de <a href="http://elescaparatederosa.blogspot.com/">Rosa</a> he encontrado una forma rápida y sencilla gracias a la web: IconJ.<br /><br />Y para ello debemos accedemos a la web <a href="http://www.iconj.com/"><strong>IconJ</strong></a>.<br /><br />Nos situaremos a la derecha de la página hacemos clic en <strong>"Browse..."</strong> para seleccionar nuestra la imagen que deseamos utilizar como icono. Seguidamente clicamos en <strong>"Upload Now"</strong>.<br /><br /><br /></div><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 204px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5529108932460321106" border="0" alt="" src="http://1.bp.blogspot.com/_YSTTlzECDvw/TLtXR5O8mVI/AAAAAAAAGeo/M_WXCsrU9wY/s400/icon1.bmp" /><br /><br />A la derecha de la web tenemos una vista previa de nuestro favicon y el enlace generado, escogeremos la opción <strong>“Direct Link”</strong>.<br /><br /><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 168px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5529108591790146642" border="0" alt="" src="http://4.bp.blogspot.com/_YSTTlzECDvw/TLtW-EI2RFI/AAAAAAAAGeg/-bnvTc4dKZk/s400/icon2.bmp" /><br /><br />Para colocar el favicon en nuestro blog accederemos a la edición Html y copiaremos el código anterior y pegaremos antes de <strong><b:skin><![CDATA[/*</strong>.<br /><br />El resultado obtenido:<br /><br /><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 360px; DISPLAY: block; HEIGHT: 312px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5529111122094805842" border="0" alt="" src="http://2.bp.blogspot.com/_YSTTlzECDvw/TLtZRWQfU1I/AAAAAAAAGew/PjhbvTXmi48/s400/icon3.bmp" /><br /><br />Debemos tener en cuenta que nuestro favicon funciona siempre y cuando recibamos visitas a nuestro blog, ya que si no recibe ninguna visita en el espacio de 30 días, IconJ lo elimina y no será visible.Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-70946632556163140632010-09-14T18:09:00.004+02:002010-09-14T18:21:31.371+02:00Como Ocultar/Eliminar el mensaje "Mostrando entradas con la etiqueta..."<div align="justify">En una anterior entrada os contaba como eliminar el “<a href="http://tirandodeblog.blogspot.com/2008/11/eliminar-el-mostrar-todas-las-entradas.html">Mostrar todas las entradas</a>”, vamos a ampliar dicha entrada y vamos a mencionar como ocultarlo sin necesidad de eliminar ningún código.<br /><br />Cuando buscamos cualquier entrada dentro de nuestro blog y esta está etiquetada, nos aparece el siguiente mensaje:<br /><br /></div><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 23px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5516803809617702850" border="0" alt="" src="http://3.bp.blogspot.com/_YSTTlzECDvw/TI-f1efI78I/AAAAAAAAGTQ/7GyG65SXUWY/s400/entradas1.bmp" /><br /><br />Si no tenemos etiquetas creadas el mensaje que aparece es este:<br /><br /><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 22px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5516803549973572066" border="0" alt="" src="http://4.bp.blogspot.com/_YSTTlzECDvw/TI-fmXPJ6eI/AAAAAAAAGTI/hccMq6krRGA/s400/entradas2.bmp" /><br /><br />Si queremos ocultar estos mensajes haremos lo siguiente:<br /><br /><br /><br />Entrar en <strong>Diseño</strong> > <strong>Edición de HTML</strong> y antes de <strong>]]></b:skin> </strong> pegar el siguiente código:<br /><br /><strong>.status-msg-wrap {visibility:hidden;display:none;}</strong><br /><br /><br />Guardamos los cambios y listos.<br /><br />Si lo que deseamos es eliminar los mensajes anteriores lo haremos así:<br /><br />Entrar en <strong>Diseño</strong> > <strong>Edición de HTML</strong>, marcamos la casilla <strong>"Expandir artilugios"</strong> y buscamos este otro código:<br /><br /><strong><b:include data='top' name='status-message'/></strong><br /><br />Una vez localizado lo eliminamos y guardamos los cambios.Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-32005530354698988042010-02-06T18:25:00.011+01:002010-09-02T13:55:39.586+02:00La ayuda que estas buscando?<div align="justify"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 166px; DISPLAY: block; HEIGHT: 144px; CURSOR: hand" id="BLOGGER_PHOTO_ID_5435183393214122946" border="0" alt="" src="http://4.bp.blogspot.com/_YSTTlzECDvw/S22mf9GhS8I/AAAAAAAAFFU/R3MO1r3GwFM/s400/logo+2+nou+petit.bmp" /><strong>Este blog tiene 228 publicaciones sobre temas diversos, que permiten personalizar tu blog en este post van apareciendo temas de forma aleatoria, si alguno es de tu interés clica en el título.<br /><br />Recuerda que también puedes utilizar el menú superior o la nube de etiquetas de la sidebar, seguro que encuentras algo interesante.</strong><br /><br /><br /><fieldset><legend>¿ES DE TU INTERES?</legend><br /><span style="font-size:200;">Para acceder clica en el siguiente título:</span><br /><br /><div style="BORDER-BOTTOM: 0px solid; BORDER-LEFT: 0px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP: 0px solid; BORDER-RIGHT: 0px solid; PADDING-TOP: 10px"><a id="bstir_title"></a><p id="bstir_snippet"></p><script language="Javascript" type="text/javascript" src="http://stuffablog.com/bstir/service?blogurl=tirandodeblog.blogspot.com&output=slideshow&results=5&border=0&snippets=yes&encoding=UTF-8&keywords="> </script></div><div style="TEXT-ALIGN: right"><span style="font-size:78%;"></span></div></fieldset><br /><br /><strong>INFORMACIÓN: <a href="javascript:togglecomments(" aiotitle="click to expand"><center><img alt="Sobre Tirando de Blog" src="http://img21.imageshack.us/img21/4826/quees.png" /></center></a><br /><br /><span style="color:#00468c;"><i><div align="left"></div></i><br /><br /><li>Tirando de Blog, es mi archivo personal de trucos.</li><br /><br /><li>Archivo de códigos, trucos y webs de aplicaciónes, esta es mi manera de ir guardando todo lo que he ido aprendiendo y aplicando desde 2007 en todos mis blogs.</li><br /><br /><li>En el nuevo Tirando de Blog he eliminado la opción de comentarios, debido a que no dispongo de tiempo para dedicarlo al blog y en consecuencia no os puedo prestar la ayuda que quisiera, de todas formas podéis contactar conmigo en el apartado “Contacta” en el menú principal y estaré encantado de atenderos.<br /><br /><li>Las actualizaciones de este blog se iran produciendo siempre que necesite guardar algún código o siempre que encuentre cosas nuevas e interesantes.<br /><br /><li>Bienvenidos/as y adelante, como se suele decir, no os quedéis en la puerta ni con la primera impresión que os sugiere este blog, podéis mirar y coger todo lo que os apetezca. </li></div><p><br />Solo os pido que de vez en cuando, hagáis una pequeña mención a este blog y si os apetece os llevéis mi enlace. </p><p><br /><br />Sisco. </p><div align="justify"></li></li></span></div><br /></strong>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-55739294286410822242010-01-20T14:18:00.002+01:002010-01-20T14:19:36.850+01:00No tires tu viejo ordenador, recíclalo<a href="http://2.bp.blogspot.com/_YSTTlzECDvw/S1cCsLpYEXI/AAAAAAAAE9c/Uc186NPcSmE/s1600-h/hamster.jpg"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 300px; CURSOR: hand" id="BLOGGER_PHOTO_ID_5428810833882255730" border="0" alt="" src="http://2.bp.blogspot.com/_YSTTlzECDvw/S1cCsLpYEXI/AAAAAAAAE9c/Uc186NPcSmE/s400/hamster.jpg" /></a><br /><div></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-83160955001099879912010-01-13T14:09:00.005+01:002010-01-13T14:18:43.949+01:00Insertar vídeos de Youtube en nuestra sidebar<div align="justify">He recibido un email de Ana donde me preguntaba lo siguiente:<br /><br /><em>¿Cómo puedo insertar un vídeo de </em><a href="http://www.youtube.com/"><em>Youtube</em></a><em> en mi sidebar? He probado de insertarlo como un elemento html i no me cabe.....<br /></em><br />Ana, es muy sencillo insertar un vídeo en la sidebar para ello te lo explico mediante esta entrada.<br /><br />Vamos a <a href="http://www.youtube.com/">Youtube</a> para obtener el código del enlace:<br /><br /><br /></div><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 193px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5426212661972938818" border="0" alt="" src="http://1.bp.blogspot.com/_YSTTlzECDvw/S03HqrCfsEI/AAAAAAAAE68/HenYz2IP0MQ/s400/youtube%C3%A7.bmp" /><br /><br />Hacer clic en <strong>Insertar</strong>:<br /><br /><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 315px; DISPLAY: block; HEIGHT: 353px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5426212110686673090" border="0" alt="" src="http://4.bp.blogspot.com/_YSTTlzECDvw/S03HKlVm2MI/AAAAAAAAE60/6O4WOoMkofs/s400/youtube%C3%A72.bmp" /><br />Copiar el código, será parecido a este:<br /><br /><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 135px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5426211434598024274" border="0" alt="" src="http://4.bp.blogspot.com/_YSTTlzECDvw/S03GjOtgxFI/AAAAAAAAE6s/Br-Vhyzbe0w/s400/youtube%C3%A73.bmp" /><br />Fíjate que he marcado en rojo donde dice <strong><span style="color:#ff0000;">width="560" height="340"</span></strong>, es en esos datos donde debes fijar la medida de ancho (<span style="color:#ff0000;">width</span>) y adaptarla a la de tu sidebar, el alto (<span style="color:#ff0000;">height</span>) también lo dejaremos acorde con el ancho.<br /><br />Una vez modificados a tu gusto lo añades donde quieras del blog mediante un nuevo Elemento Html.Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-27304844706494185592009-12-31T16:10:00.004+01:002009-12-31T16:17:59.554+01:00Lo mejor para 2010<img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 271px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5421419631320928130" border="0" alt="" src="http://3.bp.blogspot.com/_YSTTlzECDvw/SzzAbkc2j4I/AAAAAAAAE2o/9dH9zH1z7-A/s400/feliz+tirando.bmp" /><br /><div></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-50852670397601980092009-12-29T14:16:00.003+01:002009-12-29T14:36:53.622+01:00Easter Eggs<a href="http://4.bp.blogspot.com/_YSTTlzECDvw/SzoFsGFzyHI/AAAAAAAAE1Q/fWoGsDoE91s/s1600-h/huevo.jpg"><img id="BLOGGER_PHOTO_ID_5420651356601174130" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 246px; CURSOR: hand; HEIGHT: 350px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_YSTTlzECDvw/SzoFsGFzyHI/AAAAAAAAE1Q/fWoGsDoE91s/s400/huevo.jpg" border="0" /></a><br /><div align="justify"><span style="color:#003300;">Se le llama Easter Eggs</span> o <em>Huevos de pascua,</em> a una típica acción de los programadores informáticos que siempre que crean un programa, añaden alguna función oculta que realiza algo gracioso o curioso, un ejemplo de ello es:<br /><br /><em><strong>PRUEBA:</strong></em></div><div align="justify"><em>1) Abre Word<br />2) Escribe esto: =rand(200,99)<br />3) Una vez escrito pulsa Enter<br />4) Espera un instante y verás que pasa.</em><br /></div><br /><div align="justify"><em><strong>PRUEBA:<br /></strong>1) Abre Word.<br />2) Escribe en Mayúsculas Q33NY (Q33 es el Nombre del Primer Avión que se estrelló en las Torres Gemelas y NY las siglas de New York)<br />3) Aumenta el Tamaño de la Letra a 72.<br />4) Cambia la Fuente de la Letra a Wingdings y observa el resultado.</em> </div><br /><div></div><br /><div align="justify"></div><br /><div align="justify"></div><br /><div align="justify"></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-34549097300740898792009-12-24T11:12:00.004+01:002009-12-24T11:51:56.716+01:00Te deseamos lo mejor<img id="BLOGGER_PHOTO_ID_5418745093651917202" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: auto; HEIGHT: 200px; TEXT-ALIGN: center" alt="" src="http://4.bp.blogspot.com/_YSTTlzECDvw/SzM_8_ODaZI/AAAAAAAAEyw/ZhHz0tsiSwM/s400/feliz+navidad.gif" border="0" />Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-47405896582250583252009-12-19T15:35:00.003+01:002009-12-19T15:42:38.488+01:00¿Qué es un Lip Dub?<div align="justify">En pocas palabras podríamos decir que es la última moda de Internet.<br /><br />Pero para hacer una explicación concisa os diré que un "<strong><a href="http://en.wikipedia.org/wiki/Lip_dub">Lip Dub</a></strong>" es un vídeo grabado en un solo plano, donde la cámara va avanzando y la gente que hay a su alrededor van añadiéndose a su paso cantando sincronizadamente con la música que suena. </div><br /><div align="justify"></div><div align="justify">Los protagonistas de un <strong>Lip Dud</strong> suelen ser trabajadores de una empresa, compañeros de universidad, etc.. y a medida que se añaden al vídeo van doblando, a modo de karaoke, las letras de una canción.<br /></div><br /><div align="justify">En sus inicios estos vídeos surgieron en las universidades, donde decenas o cientos de alumnos participaban de forma conjunta en la grabación de un vídeo-clip obteniendo unos resultados realmente sorprendentes.<br /></div><br /><div align="justify">Fue el fundador de Vimeo quien ideo esta exitosa historia, el fenómeno esta llegando a tal punto que son numerosas las empresas, universidades y organizaciones que ya tienen su <strong>Lip Dud</strong> para promocionarse o simplemente como pasatiempo. </div><div align="justify"><br />A modo de ejemplo os dejo el que realizaron los estudiantes de comunicación de la Universidad de Quebec (Montreal) con la canción de <em>Black Eyed Peas</em>, <em>“I Gotta Feeling”</em> con resultado espectacular, muestra de ello es que ya ha sido visto por casi tres millones de personas en Youtube. </div><br /><br /><p align="center"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/-zcOFN_VBVo&hl=es_ES&fs=1&rel=0&color1=0x006699&color2=0x54abd6"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/-zcOFN_VBVo&hl=es_ES&fs=1&rel=0&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-13544884952003996802009-12-18T22:25:00.007+01:002009-12-18T22:48:15.797+01:00Un poco de humor<div align="justify">Llega el fin de semana y en unos días las fiestas navideñas y aquí en Tirando de Blog os traemos un poco de humor.<br /><br />Feliz fin de semana.<br /><br /></div><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 318px; DISPLAY: block; HEIGHT: 400px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5416695829350192594" border="0" alt="" src="http://4.bp.blogspot.com/_YSTTlzECDvw/Syv4KGzCFdI/AAAAAAAAEtw/vMikJ82L460/s400/mouse.jpg" /><br /><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 256px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5416695410063062114" border="0" alt="" src="http://4.bp.blogspot.com/_YSTTlzECDvw/Syv3xs1MNGI/AAAAAAAAEto/vIqftwCve1E/s400/geek.bmp" /><br /><div><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 168px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5416695195315098082" border="0" alt="" src="http://4.bp.blogspot.com/_YSTTlzECDvw/Syv3lM1SUeI/AAAAAAAAEtg/hY58KGWqW1M/s400/city.jpg" /><br /><div><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 378px; DISPLAY: block; HEIGHT: 340px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5416694996867117634" border="0" alt="" src="http://2.bp.blogspot.com/_YSTTlzECDvw/Syv3ZpjmckI/AAAAAAAAEtY/W5pQZzsjAFs/s400/ventana.jpg" /><br /><div></div></div></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-70528869118609442912009-12-13T19:36:00.004+01:002009-12-13T19:46:42.809+01:0040.000 Fondos de Escritorio<div align="justify">En <a href="http://www.mifondoescritorio.com/"><strong>Mi fondo de escritorio</strong></a> nos ofrecen poder descargar 40.000 Fondos de Escritorio a todas las resoluciones.<br /><br />Los encontraremos por categorías, desde 3D, 3D Abstracto, Abstractos, Alimentos, Animales, Arte Digital, Artistas y Empresas, Casinos y Dinero, Ciencia Ficción, Cómics, Deportes, Dibujos y Animación, Divertidos, Espacio y Planetas, Fantasía y Terror, Fiestas y Celebraciones, Fotografías, Fútbol, Hombres Atractivos, Infantiles, Informática y Programas, Juegos, Locomoción y Motor, Marcas y Productos, Militares, Motos, Paisajes, Películas, Políticos y Religiosos, Series, Texturas, Vectoriales.<br/><br /></div><a href="http://4.bp.blogspot.com/_YSTTlzECDvw/SyU01QD_S8I/AAAAAAAAEqU/1n4BPcZgSYk/s1600-h/abstractos_65-t2.jpg"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 300px; CURSOR: hand" id="BLOGGER_PHOTO_ID_5414792216432298946" border="0" alt="" src="http://4.bp.blogspot.com/_YSTTlzECDvw/SyU01QD_S8I/AAAAAAAAEqU/1n4BPcZgSYk/s400/abstractos_65-t2.jpg" /></a><br /><a href="http://1.bp.blogspot.com/_YSTTlzECDvw/SyU0bKnBKfI/AAAAAAAAEqM/yoP-q3-grpQ/s1600-h/bob_esponja_34-800x600.jpg"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 300px; CURSOR: hand" id="BLOGGER_PHOTO_ID_5414791768292010482" border="0" alt="" src="http://1.bp.blogspot.com/_YSTTlzECDvw/SyU0bKnBKfI/AAAAAAAAEqM/yoP-q3-grpQ/s400/bob_esponja_34-800x600.jpg" /></a><br /><a href="http://4.bp.blogspot.com/_YSTTlzECDvw/SyU0RsNyNaI/AAAAAAAAEqE/yC5CEroEQyY/s1600-h/relojes_9-t2.jpg"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 300px; CURSOR: hand" id="BLOGGER_PHOTO_ID_5414791605514286498" border="0" alt="" src="http://4.bp.blogspot.com/_YSTTlzECDvw/SyU0RsNyNaI/AAAAAAAAEqE/yC5CEroEQyY/s400/relojes_9-t2.jpg" /></a><br />Enlace: <a href="http://www.mifondoescritorio.com/">Mi fondo de escritorio</a>.<br /><br /><div></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-3433414633855007522009-12-11T23:12:00.002+01:002009-12-11T23:18:17.525+01:00Internet Explorer 7Este anuncio ya tiene algún año y sirvió para publicitar Internet Explorer 7.<br /><br /><p align="center"><object width="445" height="364"><param name="movie" value="http://www.youtube.com/v/cVcH_o1imWA&hl=es_ES&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/cVcH_o1imWA&hl=es_ES&fs=1&rel=0&color1=0x006699&color2=0x54abd6&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364"></embed></object></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-10728896911445816522009-11-29T19:10:00.004+01:002009-11-29T19:20:39.370+01:00Menú vertical fácilHace un tiempo en uno de mis blogs utilicé un practico y sencillo menú vertical que nos facilitaba <a href="http://webjcp.blogspot.com/">Cesar</a> en su blog y era este:<br /><br /><strong><em></em></strong><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 309px; DISPLAY: block; HEIGHT: 131px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5409590951108869106" border="0" alt="" src="http://2.bp.blogspot.com/_YSTTlzECDvw/SxK6Tw0C-_I/AAAAAAAAEi0/J2NJt490PKI/s400/menu+vertical.bmp" /><br />Para configurarlo haremos lo siguiente, pegaremos el código siguiente antes de <em><strong>]]></b:skin></strong></em> supongo que ya sabeis acceder a nuestra plantilla, en Diseño – Edición Html, no hay necesidad de expandir los artilugios. Para buscar ya sabéis Ctrl. + F.<br /><strong><em></em></strong><br /><strong><em>/* menu vertical<br />----------------------------------------------- */<br />#borderlinks a{<br />padding-left: 4px;<br />display: block;<br />font-size: 14px; /* tamaño de texto */<br />text-transform: uppercase; /*Aquí seleccionamos May - Min */<br />width: 200px; /* Ancho Menú */<br />color: black;<br />text-decoration: none;<br />border-left: 4px solid #99C9FF; /* Color borde */<br />border-bottom: 1px solid #99C9FF; /* Color línea inferior */<br />}<br /><br />#borderlinks a:hover{<br />border-left: 3px solid #00468c; /*Color de línea vertical al tocar el menú */<br />background-color: #99C9FF; /* Color fondo al tocar el link */<br />color: #2A211A; /* Color de letra seleccionada */<br />}<br /><br /></em></strong><strong><em></em></strong><div align="justify">Una vez hemos pegado el código anterior guardamos cambios y añadiremos este otro como un nuevo elemento Html/Javascript.<br /><br /><strong><em><div id="borderlinks"><br /><a href="http://tirandodeblog.blogspot.com/">Enlace 1</a><br /><a href="http://tirandodeblog.blogspot.com/">Enlace 2</a><br /><a href="http://tirandodeblog.blogspot.com/">Enlace 3</a><br /><a href="http://tirandodeblog.blogspot.com/">Enlace 4</a><br /><a href="http://tirandodeblog.blogspot.com/">Enlace 5</a><br /><a href="http://tirandodeblog.blogspot.com/">Enlace 6</a><br /></div></em></strong><br /></div><br /><div align="justify">Como veis para personalizar el menú, <a href="http://webjcp.blogspot.com/">Cesa</a>r nos lo dejó muy bien detallado, solo debemos ir modificando los datos a nuestro gusto.</div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-54976964872735789332009-11-25T12:00:00.004+01:002009-11-25T12:11:55.055+01:00Códigos HTML para nuestro blog<div align="justify">Si buscamos en la Wikipedia la definición de HTML encontramos la siguiente definición:<br /><br /><em><span style="color:#000066;"><strong>HTML</strong>, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el </span></em><a title="Lenguaje de marcado" href="http://es.wikipedia.org/wiki/Lenguaje_de_marcado"><em><span style="color:#000066;">lenguaje de marcado</span></em></a><em><span style="color:#000066;"> predominante para la construcción de </span></em><a title="Páginas web" href="http://es.wikipedia.org/wiki/P%C3%A1ginas_web"><em><span style="color:#000066;">páginas web</span></em></a><em><span style="color:#000066;">. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por </span></em><a title="Paréntesis" href="http://es.wikipedia.org/wiki/Par%C3%A9ntesis"><em><span style="color:#000066;">corchetes angulares</span></em></a><em><span style="color:#000066;"> (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un </span></em><a title="Guión (informática)" href="http://es.wikipedia.org/wiki/Gui%C3%B3n_(inform%C3%A1tica)"><em><span style="color:#000066;">script</span></em></a><em><span style="color:#000066;"> (por ejemplo </span></em><a title="Javascript" href="http://es.wikipedia.org/wiki/Javascript"><em><span style="color:#000066;">Javascript</span></em></a><em><span style="color:#000066;">), el cual puede afectar el comportamiento de </span></em><a title="Navegadores web" href="http://es.wikipedia.org/wiki/Navegadores_web"><em><span style="color:#000066;">navegadores web</span></em></a><em><span style="color:#000066;"> y otros procesadores de HTML. </span></em></div><br /><div align="justify"><br />Una vez sabemos de lo que hablamos, si en nuestro blog necesitamos insertar algún símbolo o carácter especial y que estos aparezcan de forma correcta debemos expresarlos de un modo específico en lenguaje HTML. </div><div align="justify"><br />Para localizar los códigos necesarios podemos usar <a href="http://entitycode.com/"><span style="color:#660000;"><strong>entitycode.com</strong></span></a> en esta web vamos a encontrar tablas de caracteres con los respectivos códigos HTML para insertar. </div><br /><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 292px; DISPLAY: block; HEIGHT: 400px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5407995148473158802" border="0" alt="" src="http://2.bp.blogspot.com/_YSTTlzECDvw/Sw0O70vHTJI/AAAAAAAAEgk/eUPceVjlz_4/s400/codigos.bmp" />Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-41407675747283946552009-11-20T21:11:00.005+01:002009-11-20T21:17:31.230+01:0020 de noviembre Día Universal de la Infancia<div align="justify">Hoy Google nos sorprende con otro logo conmemorativo. El logo es para celebrar el Día Universal del niño.<br /></div><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 285px; DISPLAY: block; HEIGHT: 110px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5406281610673970658" border="0" alt="" src="http://2.bp.blogspot.com/_YSTTlzECDvw/Swb4ey_y3eI/AAAAAAAAEdM/Ix1z2w2g3uY/s400/google+dia+ni%C3%B1o+09.gif" /> <p align="justify"><br />El 20 de noviembre se celebra en todo el mundo el Día Universal de la Infancia y el 20º aniversario de la entrada en vigor de la Convención sobre los Derechos del Niño.<br /><br />Ratificada en 1989 por 192 países, la Convención sobre los Derechos del Niño supuso un hito, pues desde su aprobación la infancia es considerada, no como objeto de protección, sino como sujeto de pleno derecho. Un enfoque de desarrollo basado en los derechos de la infancia contribuye a que se produzcan las transformaciones sociales, económicas y jurídicas necesarias para hacer del mundo un lugar más justo y habitable.<br /><br /><span style="font-size:78%;">Texto extraido de Unicef.</span><br /></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-75693583858640727022009-11-07T17:33:00.005+01:002009-11-07T17:54:55.861+01:00Banners para publicidad<div align="justify">¿Deseas poner en tu blog unos banners para publicidad en la sidebar?<br /><br />Este es el código que debes insertar como un nuevo elemento Html/Javascript:<br /></div><pre><code><br /><center><br /><div class="banner img"><br /><a href="<strong><span style="color:#ff0000;">URL ENLACE</span></strong>" title="Banner publicidad 15x15"><img style="margin:0px 5px 5px 0px;" alt="<strong><span style="color:#ff0000;">Nombre/Título enlace</span></strong>" src="<strong><span style="color:#ff0000;">URL IMAGEN</span></strong>"/></a><br /><a href="<strong><span style="color:#ff0000;">URL ENLACE</span></strong>" title="Banner publicidad 15x15"><img style="margin:0px 0px 5px 0px;" alt="<strong><span style="color:#ff0000;">Nombre/Título enlace</span></strong>" src="<strong><span style="color:#ff0000;">URL IMAGEN</span></strong>"/></a><br /><a href="<strong><span style="color:#ff0000;">URL ENLACE</span></strong>" title="Banner publicidad 15x15"><img style="margin:0px 0px 5px 0px;" alt="<strong><span style="color:#ff0000;">Nombre/Título enlace</span></strong>" src="<strong><span style="color:#ff0000;">URL IMAGEN</span></strong>"/></a><br /><a href="<strong><span style="color:#ff0000;">URL ENLACE</span></strong>" title="Banner publicidad 15x15"><img style="margin:0px 0px 5px 0px;" alt="<strong><span style="color:#ff0000;">Nombre/Título enlace</span></strong>" src="<strong><span style="color:#ff0000;">URL IMAGEN</span></strong>"/></a><br /></div><br /></center><br /></code></pre><br />Los datos que puedes modificar son los que están en rojo.<br /><br />Y el resultado seria este:<br /><br /><br /><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 271px; DISPLAY: block; HEIGHT: 268px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5401405633455431794" border="0" alt="" src="http://1.bp.blogspot.com/_YSTTlzECDvw/SvWlzkXnoHI/AAAAAAAAEWM/Vm0bJaYePjg/s400/banners+post.bmp" />Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-39266600433149495522009-11-04T11:49:00.005+01:002009-11-04T11:56:41.894+01:00Nuestro blog en formato pdf<div align="justify"><a href="http://blog2print.sharedbook.com/blogworld/printmyblog/index.html"><img id="BLOGGER_PHOTO_ID_5400200239571948626" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 243px; CURSOR: hand; HEIGHT: 269px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_YSTTlzECDvw/SvFdgaOqVFI/AAAAAAAAEVc/3IpfwA15l_w/s400/Blog2print.bmp" border="0" /></a><br /><a href="http://blog2print.sharedbook.com/blogworld/printmyblog/index.html">Blog2Print</a> es una aplicación web que permite guardar en forma de un archivo PDF todas las entradas de cualquier blog de Blogger como si de un libro se tratara, en formato texto e imagen.<br /><br />Todo con solo seguir unos sencillos pasos:<br /><br />Escoger la plataforma, en nuestro caso Blogger.<br /><br /><img id="BLOGGER_PHOTO_ID_5400199497275829058" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: auto; HEIGHT: 127px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_YSTTlzECDvw/SvFc1M9ea0I/AAAAAAAAEVU/rxW9_AGG4L4/s400/Blog2print2.bmp" border="0" /><br /><li>Escribimos la dirección de nuestro blog.<br /><li>Clicamos en “<strong><em>Print my blog</em></strong>”, y se nos abre una ventana de selección de preferencias:<br /><li>Selección de posts.<br /><li>Rango de fechas.<br /><li>Orden cronológico.<br /><li>Imagen de portada.<br /><li><p align="justify">Dedicatorias.<br /><br />Una vez seleccionadas nuestras preferencias, clic en “<strong><em>Create Bock</em></strong>”, esperamos un poco y listos.<br /></p><img id="BLOGGER_PHOTO_ID_5400199014015801874" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 257px; CURSOR: auto; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_YSTTlzECDvw/SvFcZErTmhI/AAAAAAAAEVM/MZLrpji8W0Q/s400/blog2print3.bmp" border="0" /></li></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-54413687738551408342009-10-27T23:32:00.006+01:002009-10-27T23:48:19.430+01:00Numerador de paginas para Blogger<div align="justify">Hoy he implementado en el blog un numerador de páginas, tal y como os muestro en esta imagen:<br /></div><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 351px; DISPLAY: block; HEIGHT: 127px; CURSOR: auto" id="BLOGGER_PHOTO_ID_5397412417555514610" border="0" alt="" src="http://2.bp.blogspot.com/_YSTTlzECDvw/Sud1_z6txPI/AAAAAAAAEPM/iKSngp9ULBs/s400/numerar+paginas.bmp" /> <p align="justify"><br />Para hacerlo de una forma rápida y sin necesidad de editar nuestra plantilla, será tan fácil como copiar el código que os dejo a continuación y posteriormente pegarlo como un elemento Html/Javascript. Desde Diseño, Elementos de página, Añadir un gadget, Elemento HTML-Javascript.<br /><br />Cuando lo tenemos agregado colocaremos el nuevo elemento debajo de las entradas del blog arrastrándolo con el ratón guardamos cambios y listos. </p><p align="justify"><span style="font-size:85%;"><strong><span style="font-size:78%;">CODIGO:</span></strong></span></p><p><span style="font-size:85%;"><strong><span style="font-size:78%;"></span></strong></span></p><p><strong></strong></p><br /><pre><code><br /><style><br /><br />.showpageArea a {<br /><br />text-decoration:underline;<br /><br />}<br /><br />.showpageNum a {<br /><br />text-decoration:none;<br /><br />border: 1px solid #ccc;<br /><br />margin:0 3px;<br /><br />padding:3px;<br /><br />}<br /><br />.showpageNum a:hover {<br /><br />border: 1px solid #ccc;<br /><br />background-color:#ccc;<br /><br />}<br /><br />.showpagePoint {<br /><br />color:#333;<br /><br />text-decoration:none;<br /><br />border: 1px solid #ccc;<br /><br />background: #ccc;<br /><br />margin:0 3px;<br /><br />padding:3px;<br /><br />}<br /><br />.showpageOf {<br /><br />text-decoration:none;<br /><br />padding:3px;<br /><br />margin: 0 3px 0 0;<br /><br />}<br /><br />.showpage a {<br /><br />text-decoration:none;<br /><br />border: 1px solid #ccc;<br /><br />padding:3px;<br /><br />}<br /><br />.showpage a:hover {<br /><br />text-decoration:none;<br /><br />}<br /><br />.showpageNum a:link,.showpage a:link {<br /><br />text-decoration:none;<br /><br />color:#333;<br /><br />}<br /><br /></style><br /><br /><br /><br /><br /><br /><br /><br /><script type="text/javascript"><br /><br /><br /><br />function showpageCount(json) {<br /><br />var thisUrl = location.href;<br /><br />var htmlMap = new Array();<br /><br />var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";<br /><br />var isLablePage = thisUrl.indexOf("/search/label/")!=-1;<br /><br />var isPage = thisUrl.indexOf("/search?updated")!=-1;<br /><br />var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";<br /><br />thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;<br /><br />var thisNum = 1;<br /><br />var postNum=1;<br /><br />var itemCount = 0;<br /><br />var fFlag = 0;<br /><br />var eFlag = 0;<br /><br />var html= '';<br /><br />var upPageHtml ='';<br /><br />var downPageHtml ='';<br /><br /><br /><br />var pageCount = 4;<br /><br />var displayPageNum = 5;<br /><br />var upPageWord = '<strong>Anterior</strong>';<br /><br />var downPageWord = '<strong>Siguiente</strong>';<br /><br /><br /><br /><br /><br /><br /><br />var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';<br /><br /><br /><br />for(var i=0, post; post = json.feed.entry[i]; i++) {<br /><br />var timestamp = post.published.$t.substr(0,10);<br /><br />var title = post.title.$t;<br /><br />if(isLablePage){<br /><br />if(title!=''){<br /><br />if(post.category){<br /><br />for(var c=0, post_category; post_category = post.category[c]; c++) {<br /><br />if(encodeURIComponent(post_category.term)==thisLable){<br /><br />if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){<br /><br />if(thisUrl.indexOf(timestamp)!=-1 ){<br /><br />thisNum = postNum;<br /><br />}<br /><br /><br /><br />postNum++;<br /><br />htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br /><br />}<br /><br />}<br /><br />}<br /><br />}//end if(post.category){<br /><br /><br /><br />itemCount++;<br /><br />}<br /><br /><br /><br />}else{<br /><br />if(title!=''){<br /><br />if(itemCount==0 (itemCount % pageCount ==(pageCount-1))){<br /><br />if(thisUrl.indexOf(timestamp)!=-1 ){<br /><br />thisNum = postNum;<br /><br />}<br /><br /><br /><br />if(title!='') postNum++;<br /><br />htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br /><br />}<br /><br />}<br /><br />itemCount++;<br /><br />}<br /><br />}<br /><br /><br /><br />for(var p =0;p< htmlMap.length;p++){<br /><br />if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){<br /><br />if(fFlag ==0 && p == thisNum-2){<br /><br />if(thisNum==2){<br /><br />if(isLablePage){<br /><br />upPageHtml = labelHtml + upPageWord +'</a></span>';<br /><br />}else{<br /><br />upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';<br /><br />}<br /><br />}else{<br /><br />upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';<br /><br />}<br /><br /><br /><br />fFlag++;<br /><br />}<br /><br /><br /><br />if(p==(thisNum-1)){<br /><br />html += '<span class="showpagePoint">'+thisNum+'</span>';<br /><br />}else{<br /><br />if(p==0){<br /><br />if(isLablePage){<br /><br />html = labelHtml+'1</a></span>';<br /><br />}else{<br /><br />html += '<span class="showpageNum"><a href="/">1</a></span>';<br /><br />}<br /><br />}else{<br /><br />html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';<br /><br />}<br /><br />}<br /><br /><br /><br />if(eFlag ==0 && p == thisNum){<br /><br />downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';<br /><br />eFlag++;<br /><br />}<br /><br />}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){<br /><br />}//end for(var p =0;p< htmlMap.length;p++){<br /><br /><br /><br />if(thisNum>1){<br /><br />if(!isLablePage){<br /><br />html = ''+upPageHtml+' '+html +' ';<br /><br />}else{<br /><br />html = ''+upPageHtml+' '+html +' ';<br /><br />}<br /><br />}<br /><br /><br /><br />html = '<div class="showpageArea"><span class="showpageOf"> <strong>Paginas</strong> ('+(postNum-1)+')</span>'+html;<br /><br /><br /><br />if(thisNum<(postNum-1)){<br /><br />html += downPageHtml;<br /><br /><br /><br />}<br /><br /><br /><br />if(postNum==1) postNum++;<br /><br />html += '</div>';<br /><br /><br /><br />if(isPage isFirstPage isLablePage){<br /><br />var pageArea = document.getElementsByName("pageArea");<br /><br />var blogPager = document.getElementById("blog-pager");<br /><br /><br /><br />if(postNum <= 2){<br /><br />html ='';<br /><br />}<br /><br /><br /><br />for(var p =0;p< pageArea.length;p++){<br /><br />pageArea[p].innerHTML = html;<br /><br />}<br /><br /><br /><br />if(pageArea&&pageArea.length>0){<br /><br />html ='';<br /><br />}<br /><br /><br /><br />if(blogPager){<br /><br />blogPager.innerHTML = html;<br /><br />}<br /><br />}<br /><br /><br /><br />}<br /><br /></script><br /><br /><br /><br /><script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ; type="text/javascript"></script><br /></code></pre><br />En negrita dos datos que puedes variar.<br /><p align="justify"><br /><br /><span style="font-size:85%;"><em>Visto en: El Bufón Digital</em></span> </p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-64613826293001479182009-10-11T14:45:00.002+02:002009-10-11T14:50:03.905+02:00Resaltar un texto<div align="justify">Llevo unos tres meses sin mucha actividad en este blog y en consecuencia muchos emails y consultas atrasadas, en una de ellos Maria me preguntaba como podía resaltar un texto dentro un post.<br /><br />No se si exactamente es lo que estas buscando, pero el código a insertar a tu entrada seria este: </div><br /><strong><table bgcolor="#ffff66"><tbody><tr><td><p align="justify"><strong></strong> Aquí podríamos el texto que nos interesa <strong></strong></p></td></tr></tbody></table> </strong><br /><br />Y el resultado obtenido es este:<br /><br /><table bgcolor="#ffff66"><tbody><tr><td><p align="justify"><strong>Aquí podríamos el texto que nos interesa </strong></p></td></tr></tbody></table><br /><br />El color puedes variarlo en <strong>bgcolor=”</strong><em>Código del color</em><strong>”</strong>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-81777782203865049582009-10-07T10:46:00.008+02:002009-11-29T08:58:23.247+01:00Usar un dominio propio en Blogger<div align="justify">En la <a href="http://tirandodeblog.blogspot.com/2009/10/re-etiquetar.html">última entrada</a> os explicaba los pasos que seguí para reorganizar las etiquetas de dos de mis blogs ya que cree una web fusionando los dos. </div><div align="justify"></div><div align="justify">Hoy os explicaré como pase del dominio "<em>blogspot.com"</em> a un dominio "<em>.com"</em> propio para utilizarlo en Blogger y dio como resultado a <a href="http://www.planetazaping.com/"><strong>www.planetazaping.com</strong></a>.<br /><br />Paso a paso hice lo siguiente....<br /><br /><span style="font-size:130%;"><strong>1er. Paso contratar el dominio.</strong></span></div><div align="justify"><br />Debemos hacerlo a través de una entidad registradora de dominios (Domain Service Provider) y escoger el que mas nos convenga: .com, .es, .net, .info etc. El mismo dominio elegido puede variar de precio según la empresa que utilicemos para ello. </div><div align="justify"><br />Blogger tambien ofrece el servicio de venta de dominios. </div><div align="justify"><br /><span style="font-size:130%;"><strong>2o. Configuración nuestro dominio.</strong></span> </div><div align="justify"><br />Una vez poseemos un dominio tenemos que configurar los DNS (Domain Name System) de nuestro dominio mediante los registros CNAME. </div><div align="justify"><br />Los pasos a seguir son distintos según cada entidad registrante, en Google encontramos una guía en español de los más comunes. </div><div align="justify"><br /><a href="http://www.google.com/support/a/bin/answer.py?topic=9196&answer=47283&&hl=es">Guia</a> de Google.<br /><br /><strong><em>A grandes trazos el proceso es el siguiente:</em></strong><br /><br /><strong>A –</strong> Entrar al panel de administración de nuestro dominio y buscaremos la administración de DNS.<br /><br /><strong>B -</strong> Buscaremos los registros CNAME, y debemos eliminarlos todos.<br /><br /><strong>C - </strong>Crearemos un registro CNAME nuevo de la siguiente forma: </div><div align="justify"></div><div align="justify">En el campo de NAME escribiremos <strong><span style="color:#000099;">www</span></strong>.</div><div align="justify">Y en el campo <span style="color:#000000;">HOST NAME</span> escribiremos <span style="color:#000099;"><strong>ghs.google.com</strong></span> </div><div align="justify"></div><div align="justify">Una vez echo esto ya tenemos la ruta creada apuntando a nuestro blog, y ya podemos guardar las modificaciones.<br /><br /><span style="font-size:130%;"><strong>3o. Configuración de Blogger.</strong></span> </div><div align="justify"><br />Accedemos a Configuración – Publicación. </div><div align="justify"><br />En <strong>Opciones avanzadas</strong> donde pone <strong>Tu dominio</strong>, escribiremos nuestro dominio:<br /></div><div align="justify">En mi caso <strong>http:/</strong>/ www.planetazapping.com<br /><br /></div><a href="http://2.bp.blogspot.com/_YSTTlzECDvw/SsxWDzks4zI/AAAAAAAAEFs/_VVlmNv0zgM/s1600-h/dominio.bmp"><img style="TEXT-ALIGN: center; MARGIN: 0px auto 10px; WIDTH: 400px; DISPLAY: block; HEIGHT: 239px; CURSOR: hand" id="BLOGGER_PHOTO_ID_5389777477439382322" border="0" alt="" src="http://2.bp.blogspot.com/_YSTTlzECDvw/SsxWDzks4zI/AAAAAAAAEFs/_VVlmNv0zgM/s400/dominio.bmp" /> <p align="justify"></a><br />Guardamos la nueva configuración y listos.<br /><br />Los cambios suelen tardar entre 24 y 48 horas para que los registros sean actualizados y la redirección completada.<br /><br />En mi caso en cuestión de horas ya funcionaba mi nuevo blog con dominio propio.<br /><br />Blogger también se encarga de redireccionar nuestro antiguo blog al nuevo. </p><p align="justify">¿El resultado? Este <a href="http://www.planetazapping.com/"><strong><span style="color:#cc0000;">www.planetazapping.com</span></strong></a></p><p align="justify">Os espero.</p><p align="justify"></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-26107934524399503772009-10-03T10:46:00.003+02:002009-10-03T10:52:11.926+02:00Re-etiquetar<div align="justify">Estos días he estado ocupado en la creación de un nuevo blog, nacido de la fusión de mis otros dos blogs: “Zapping... Buscador Blog” y de “Picante Blog” ambos dedicados al humor, y en consecuencia no he publicado nada en “Tirando de Blog” y ya va siendo hora.<br /><br />En esta nueva versión de este Blog ya os comenté que iría publicando cuando tuviera necesidad de almacenar algún que otro dato y hoy quiero explicar lo que hice cuando pasé “”Picante de Blog” a la nueva web “<a href="http://www.planetazapping.com/">Planeta Zapping</a>”.<br /><br /><br /></div><img id="BLOGGER_PHOTO_ID_5388293493018785922" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: auto; HEIGHT: 361px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_YSTTlzECDvw/SscQYizu-II/AAAAAAAAEEQ/a1WztyQ_Fp0/s400/etiquetas.bmp" border="0" /><br /><div align="justify">Primer paso para trasladar un blog, reorganizar las etiquetas y dejarlas al gusto de los nombres que queremos darles.<br /><br />Vamos al modo edición del blog, accedemos a Creación de Entradas – Editar Entradas.<br /><br />En la parte izquierda observamos nuestras etiquetas actuales, con su nombre y número de post publicados en cada una. Para editarla clicamos en la etiqueta que nos interese y accedemos a las entradas o post uno a uno.<br /><br />Una vez hemos entrado a editar el post debemos añadir el nuevo nombre y luego quitar el anterior, así evitamos que si quitamos primero la etiqueta puede que nos desaparezca de la vista y en el caso de tener muchos post será mas complicado encontrar nuestra entrada.<br /><br />Cuando hemos dejado al gusto las etiquetas ya podemos exportar todas las entradas a la nueva pagina, para ver como hacerlo, <a href="http://tirandodeblog.blogspot.com/2009/02/importar-y-exportar-en-blogger.html">CLIC AQUÍ</a>. </div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-18910452877312654362009-09-27T15:16:00.005+02:002009-09-27T15:25:58.572+02:0027 de septiembre aniversario de Google<img id="BLOGGER_PHOTO_ID_5386137681808196962" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 345px; CURSOR: auto; HEIGHT: 154px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_YSTTlzECDvw/Sr9nr0OGBWI/AAAAAAAAEAM/jr8sNf78P2s/s400/11+google.bmp" border="0" /><img id="BLOGGER_PHOTO_ID_5386137484106629650" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 150px; CURSOR: auto; HEIGHT: 400px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_YSTTlzECDvw/Sr9ngTuXghI/AAAAAAAAEAE/YftjAnTvB3E/s400/aniversario+google.bmp" border="0" />Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-41639131562432035392009-09-16T11:19:00.002+02:002009-09-16T11:22:23.501+02:00Subir pdf a Blogger (2)<img id="BLOGGER_PHOTO_ID_5381992750291362002" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 256px; CURSOR: auto; HEIGHT: 256px; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_YSTTlzECDvw/SrCt5DDYINI/AAAAAAAAD1k/RYgh0vkhQPI/s400/PDF.png" border="0" /><br /><div align="justify">Hoy vamos a subir un pdf a blogger, el proceso es similar al de subir pps que os explicaba <a href="http://tirandodeblog.blogspot.com/2009/08/subir-un-powerpoint-blogger.html">aquí</a>.<br /><br />Para subir un pdf al blog debemos hacerlo mediante Google Docs ya que blogger no permite subir ese tipo de archivos directamente, a tal efecto utilizaremos Google Docs para alojar el archivo.<br /><br />Accederemos a Google Docs, y en la pestaña "Upload", escogeremos el archivo pdf que previamente habremos guardado en una carpeta de nuestro ordenador.<br /><br />Una vez tenemos alojado el archivo pdf en Google Docs procederemos a su apertura y en la parte superior clicaremos en “Compartir”, aceptamos las opciones deseadas y escogemos obtener la url del documento, esta dirección la tenemos que copiar y utilizar como enlace en nuestro blog. </div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-4444107906161857060.post-46293856576540998122009-08-26T18:43:00.001+02:002009-08-26T18:43:56.689+02:00Vacaciones<a href="http://2.bp.blogspot.com/_YSTTlzECDvw/SpVmOToN75I/AAAAAAAADz8/joYq1gJnnEw/s1600-h/VACACIONES.PNG"><img id="BLOGGER_PHOTO_ID_5374314126309715858" style="DISPLAY: block; MARGIN: 0px auto 10px; WIDTH: 400px; CURSOR: hand; HEIGHT: 236px; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_YSTTlzECDvw/SpVmOToN75I/AAAAAAAADz8/joYq1gJnnEw/s400/VACACIONES.PNG" border="0" /></a>Unknownnoreply@blogger.com