Tirando de Blog

Todas las entradas del blog a un solo clic

2010-11-11T09:16:00.000+01:00

Poner un favicon en nuestro blog

2010-10-17T22:02:00.007+02:00

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 Rosa he encontrado una forma rápida y sencilla gracias a la web: IconJ.

Y para ello debemos accedemos a la web IconJ.

Nos situaremos a la derecha de la página hacemos clic en "Browse..." para seleccionar nuestra la imagen que deseamos utilizar como icono. Seguidamente clicamos en "Upload Now".

A la derecha de la web tenemos una vista previa de nuestro favicon y el enlace generado, escogeremos la opción “Direct Link”.

Para colocar el favicon en nuestro blog accederemos a la edición Html y copiaremos el código anterior y pegaremos antes de <b:skin><![CDATA[/*.

El resultado obtenido:

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.

Como Ocultar/Eliminar el mensaje "Mostrando entradas con la etiqueta..."

2010-09-14T18:09:00.004+02:00

En una anterior entrada os contaba como eliminar el “Mostrar todas las entradas”, vamos a ampliar dicha entrada y vamos a mencionar como ocultarlo sin necesidad de eliminar ningún código.

Cuando buscamos cualquier entrada dentro de nuestro blog y esta está etiquetada, nos aparece el siguiente mensaje:

Si no tenemos etiquetas creadas el mensaje que aparece es este:

Si queremos ocultar estos mensajes haremos lo siguiente:

Entrar en Diseño > Edición de HTML y antes de ]]></b:skin> pegar el siguiente código:

.status-msg-wrap {visibility:hidden;display:none;}

Guardamos los cambios y listos.

Si lo que deseamos es eliminar los mensajes anteriores lo haremos así:

Entrar en Diseño > Edición de HTML, marcamos la casilla "Expandir artilugios" y buscamos este otro código:

<b:include data='top' name='status-message'/>

Una vez localizado lo eliminamos y guardamos los cambios.

La ayuda que estas buscando?

2010-02-06T18:25:00.011+01:00

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.

Recuerda que también puedes utilizar el menú superior o la nube de etiquetas de la sidebar, seguro que encuentras algo interesante.

¿ES DE TU INTERES?
Para acceder clica en el siguiente título:

INFORMACIÓN:

Tirando de Blog, es mi archivo personal de trucos.

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.

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.

Las actualizaciones de este blog se iran produciendo siempre que necesite guardar algún código o siempre que encuentre cosas nuevas e interesantes.

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.

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.

Sisco.

No tires tu viejo ordenador, recíclalo

2010-01-20T14:18:00.002+01:00

Insertar vídeos de Youtube en nuestra sidebar

2010-01-13T14:09:00.005+01:00

He recibido un email de Ana donde me preguntaba lo siguiente:

¿Cómo puedo insertar un vídeo de Youtube en mi sidebar? He probado de insertarlo como un elemento html i no me cabe.....

Ana, es muy sencillo insertar un vídeo en la sidebar para ello te lo explico mediante esta entrada.

Vamos a Youtube para obtener el código del enlace:

Hacer clic en Insertar:

Copiar el código, será parecido a este:

Fíjate que he marcado en rojo donde dice width="560" height="340", es en esos datos donde debes fijar la medida de ancho (width) y adaptarla a la de tu sidebar, el alto (height) también lo dejaremos acorde con el ancho.

Una vez modificados a tu gusto lo añades donde quieras del blog mediante un nuevo Elemento Html.

Lo mejor para 2010

2009-12-31T16:10:00.004+01:00

Easter Eggs

2009-12-29T14:16:00.003+01:00

Se le llama Easter Eggs o Huevos de pascua, 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:

PRUEBA:

1) Abre Word
2) Escribe esto: =rand(200,99)
3) Una vez escrito pulsa Enter
4) Espera un instante y verás que pasa.

PRUEBA:
1) Abre Word.
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)
3) Aumenta el Tamaño de la Letra a 72.
4) Cambia la Fuente de la Letra a Wingdings y observa el resultado.

Te deseamos lo mejor

2009-12-24T11:12:00.004+01:00

¿Qué es un Lip Dub?

2009-12-19T15:35:00.003+01:00

En pocas palabras podríamos decir que es la última moda de Internet.

Pero para hacer una explicación concisa os diré que un "Lip Dub" 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.

Los protagonistas de un Lip Dud 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.

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.

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 Lip Dud para promocionarse o simplemente como pasatiempo.

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 Black Eyed Peas, “I Gotta Feeling” con resultado espectacular, muestra de ello es que ya ha sido visto por casi tres millones de personas en Youtube.

Un poco de humor

2009-12-18T22:25:00.007+01:00

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.

Feliz fin de semana.

40.000 Fondos de Escritorio

2009-12-13T19:36:00.004+01:00

En Mi fondo de escritorio nos ofrecen poder descargar 40.000 Fondos de Escritorio a todas las resoluciones.

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.

Enlace: Mi fondo de escritorio.

Internet Explorer 7

2009-12-11T23:12:00.002+01:00

Este anuncio ya tiene algún año y sirvió para publicitar Internet Explorer 7.

Menú vertical fácil

2009-11-29T19:10:00.004+01:00

Hace un tiempo en uno de mis blogs utilicé un practico y sencillo menú vertical que nos facilitaba Cesar en su blog y era este:

Para configurarlo haremos lo siguiente, pegaremos el código siguiente antes de ]]></b:skin> 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.

/* menu vertical
----------------------------------------------- */
#borderlinks a{
padding-left: 4px;
display: block;
font-size: 14px; /* tamaño de texto */
text-transform: uppercase; /*Aquí seleccionamos May - Min */
width: 200px; /* Ancho Menú */
color: black;
text-decoration: none;
border-left: 4px solid #99C9FF; /* Color borde */
border-bottom: 1px solid #99C9FF; /* Color línea inferior */
}

#borderlinks a:hover{
border-left: 3px solid #00468c; /*Color de línea vertical al tocar el menú */
background-color: #99C9FF; /* Color fondo al tocar el link */
color: #2A211A; /* Color de letra seleccionada */
}

Una vez hemos pegado el código anterior guardamos cambios y añadiremos este otro como un nuevo elemento Html/Javascript.

<div id="borderlinks">
<a href="http://tirandodeblog.blogspot.com/">Enlace 1</a>
<a href="http://tirandodeblog.blogspot.com/">Enlace 2</a>
<a href="http://tirandodeblog.blogspot.com/">Enlace 3</a>
<a href="http://tirandodeblog.blogspot.com/">Enlace 4</a>
<a href="http://tirandodeblog.blogspot.com/">Enlace 5</a>
<a href="http://tirandodeblog.blogspot.com/">Enlace 6</a>
</div>

Como veis para personalizar el menú, Cesar nos lo dejó muy bien detallado, solo debemos ir modificando los datos a nuestro gusto.

Códigos HTML para nuestro blog

2009-11-25T12:00:00.004+01:00

Si buscamos en la Wikipedia la definición de HTML encontramos la siguiente definición:

HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. 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 corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

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.

Para localizar los códigos necesarios podemos usar entitycode.com en esta web vamos a encontrar tablas de caracteres con los respectivos códigos HTML para insertar.

20 de noviembre Día Universal de la Infancia

2009-11-20T21:11:00.005+01:00

Hoy Google nos sorprende con otro logo conmemorativo. El logo es para celebrar el Día Universal del niño.

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.

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.

Texto extraido de Unicef.

Banners para publicidad

2009-11-07T17:33:00.005+01:00

¿Deseas poner en tu blog unos banners para publicidad en la sidebar?

Este es el código que debes insertar como un nuevo elemento Html/Javascript:


<center>
<div class="banner img">
<a href="URL ENLACE" title="Banner publicidad 15x15"><img style="margin:0px 5px 5px 0px;" alt="Nombre/Título enlace" src="URL IMAGEN"/></a>
<a href="URL ENLACE" title="Banner publicidad 15x15"><img style="margin:0px 0px 5px 0px;" alt="Nombre/Título enlace" src="URL IMAGEN"/></a>
<a href="URL ENLACE" title="Banner publicidad 15x15"><img style="margin:0px 0px 5px 0px;" alt="Nombre/Título enlace" src="URL IMAGEN"/></a>
<a href="URL ENLACE" title="Banner publicidad 15x15"><img style="margin:0px 0px 5px 0px;" alt="Nombre/Título enlace" src="URL IMAGEN"/></a>
</div>
</center>

Los datos que puedes modificar son los que están en rojo.

Y el resultado seria este:

Nuestro blog en formato pdf

2009-11-04T11:49:00.005+01:00

Blog2Print 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.

Todo con solo seguir unos sencillos pasos:

Escoger la plataforma, en nuestro caso Blogger.

Escribimos la dirección de nuestro blog.

Clicamos en “Print my blog”, y se nos abre una ventana de selección de preferencias:

Selección de posts.

Rango de fechas.

Orden cronológico.

Imagen de portada.

Dedicatorias.

Una vez seleccionadas nuestras preferencias, clic en “Create Bock”, esperamos un poco y listos.

Numerador de paginas para Blogger

2009-10-27T23:32:00.006+01:00

Hoy he implementado en el blog un numerador de páginas, tal y como os muestro en esta imagen:

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.

Cuando lo tenemos agregado colocaremos el nuevo elemento debajo de las entradas del blog arrastrándolo con el ratón guardamos cambios y listos.

CODIGO:


<style>

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #ccc;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #ccc;

background-color:#ccc;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #ccc;

background: #ccc;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #ccc;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333;

}

</style>







<script type="text/javascript">



function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";

var isLablePage = thisUrl.indexOf("/search/label/")!=-1;

var isPage = thisUrl.indexOf("/search?updated")!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";

thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';



var pageCount = 4;

var displayPageNum = 5;

var upPageWord = 'Anterior';

var downPageWord = 'Siguiente';







var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';



for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=''){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {

if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0  (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



postNum++;

htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

}

}//end if(post.category){



itemCount++;

}



}else{

if(title!=''){

if(itemCount==0  (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}



if(title!='') postNum++;

htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

}

}

itemCount++;

}

}



for(var p =0;p< htmlMap.length;p++){

if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

if(fFlag ==0 && p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +'</a></span>';

}else{

upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';

}

}else{

upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';

}



fFlag++;

}



if(p==(thisNum-1)){

html += '<span class="showpagePoint">'+thisNum+'</span>';

}else{

if(p==0){

if(isLablePage){

html = labelHtml+'1</a></span>';

}else{

html += '<span class="showpageNum"><a href="/">1</a></span>';

}

}else{

html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';

}

}



if(eFlag ==0 && p == thisNum){

downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';

eFlag++;

}

}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

}//end for(var p =0;p< htmlMap.length;p++){



if(thisNum>1){

if(!isLablePage){

html = ''+upPageHtml+' '+html +' ';

}else{

html = ''+upPageHtml+' '+html +' ';

}

}



html = '<div class="showpageArea"><span  class="showpageOf"> Paginas ('+(postNum-1)+')</span>'+html;



if(thisNum<(postNum-1)){

html += downPageHtml;



}



if(postNum==1) postNum++;

html += '</div>';



if(isPage  isFirstPage  isLablePage){

var pageArea = document.getElementsByName("pageArea");

var blogPager = document.getElementById("blog-pager");



if(postNum <= 2){

html ='';

}



for(var p =0;p< pageArea.length;p++){

pageArea[p].innerHTML = html;

}



if(pageArea&&pageArea.length>0){

html ='';

}



if(blogPager){

blogPager.innerHTML = html;

}

}



}

</script>



<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ; type="text/javascript"></script>

En negrita dos datos que puedes variar.

Visto en: El Bufón Digital

Resaltar un texto

2009-10-11T14:45:00.002+02:00

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.

No se si exactamente es lo que estas buscando, pero el código a insertar a tu entrada seria este:

<table bgcolor="#ffff66"><tbody><tr><td><p align="justify"><strong> Aquí podríamos el texto que nos interesa </strong></p></td></tr></tbody></table>

Y el resultado obtenido es este:

Aquí podríamos el texto que nos interesa

El color puedes variarlo en bgcolor=”Código del color”

Usar un dominio propio en Blogger

2009-10-07T10:46:00.008+02:00

En la última entrada os explicaba los pasos que seguí para reorganizar las etiquetas de dos de mis blogs ya que cree una web fusionando los dos.

Hoy os explicaré como pase del dominio "blogspot.com" a un dominio ".com" propio para utilizarlo en Blogger y dio como resultado a www.planetazaping.com.

Paso a paso hice lo siguiente....

1er. Paso contratar el dominio.

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.

Blogger tambien ofrece el servicio de venta de dominios.

2o. Configuración nuestro dominio.

Una vez poseemos un dominio tenemos que configurar los DNS (Domain Name System) de nuestro dominio mediante los registros CNAME.

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.

Guia de Google.

A grandes trazos el proceso es el siguiente:

A – Entrar al panel de administración de nuestro dominio y buscaremos la administración de DNS.

B - Buscaremos los registros CNAME, y debemos eliminarlos todos.

C - Crearemos un registro CNAME nuevo de la siguiente forma:

En el campo de NAME escribiremos www.

Y en el campo HOST NAME escribiremos ghs.google.com

Una vez echo esto ya tenemos la ruta creada apuntando a nuestro blog, y ya podemos guardar las modificaciones.

3o. Configuración de Blogger.

Accedemos a Configuración – Publicación.

En Opciones avanzadas donde pone Tu dominio, escribiremos nuestro dominio:

En mi caso http:// www.planetazapping.com

Guardamos la nueva configuración y listos.

Los cambios suelen tardar entre 24 y 48 horas para que los registros sean actualizados y la redirección completada.

En mi caso en cuestión de horas ya funcionaba mi nuevo blog con dominio propio.

Blogger también se encarga de redireccionar nuestro antiguo blog al nuevo.

¿El resultado? Este www.planetazapping.com

Os espero.

Re-etiquetar

2009-10-03T10:46:00.003+02:00

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.

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 “Planeta Zapping”.

Primer paso para trasladar un blog, reorganizar las etiquetas y dejarlas al gusto de los nombres que queremos darles.

Vamos al modo edición del blog, accedemos a Creación de Entradas – Editar Entradas.

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.

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.

Cuando hemos dejado al gusto las etiquetas ya podemos exportar todas las entradas a la nueva pagina, para ver como hacerlo, CLIC AQUÍ.

27 de septiembre aniversario de Google

2009-09-27T15:16:00.005+02:00

Subir pdf a Blogger (2)

2009-09-16T11:19:00.002+02:00

Hoy vamos a subir un pdf a blogger, el proceso es similar al de subir pps que os explicaba aquí.

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.

Accederemos a Google Docs, y en la pestaña "Upload", escogeremos el archivo pdf que previamente habremos guardado en una carpeta de nuestro ordenador.

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.

Vacaciones

2009-08-26T18:43:00.001+02:00

Galileo Galilei

2009-08-25T17:11:00.004+02:00

En días concretos Google nos varia su logo para conmemorar acontecimientos, hoy tenemos un logo que conmemora el 400 aniversario del telescopio de Galileo.

Galileo Galilei (Pisa, 15 de febrero de 1564 – Florencia, 8 de enero de 1642) fue un astrónomo, filósofo, matemático y físico que estuvo relacionado estrechamente con la revolución científica.

El telescopio de Galileo fue construido en 1609 por el famoso astrónomo. Consistía en un telescopio de refracción, con una lente convexa en la parte delantera y una lente ocular cóncava.

Un poco de mi

2009-08-21T12:15:00.006+02:00

A principios de 2007 entre a formar parte del mundo Blogger, mundo al que accedí por casualidad ya que una entidad a la que pertenecía tubo la necesidad de crear un blog de avisos para sus socios.

El hecho de querer adaptar un poco dicho blog me hizo “navegar” por un montón de blogs de ayuda, poco a poco me di cuenta que estaba recopilando gran cantidad de información y de no guardarla esta se acabaría perdiendo, fue entonces cuando nació Tirando de blog.

El blog nació sin muchas aspiraciones, el solo hecho de mantenerlo vivo para mí ya era mas que suficiente y como podéis observar, en Tirando de blog no nos complicamos mucho, nos gusta hacerlo fácil.

En sus inicios en el blog publicaba “de todo un poco” tal y como constaba en la antigua cabecera, una de sus secciones era de “Humor”, con el paso del tiempo pasó a ser un blog dedicado exclusivamente a ello, naciendo “Zapping Buscador Blog”, blog que si no conocéis os invito a ello.

Han pasado ya bastantes meses y el ver que las visitas no solo se mantienen, sino que siguen aumentando me produce una verdadera satisfacción.

Fruto de esa afición al mundo de los blogs han nacido de la misma factoría:

Tirando de Blog

Zapping… Buscador blog

Picante Blog

Mès humor

Gracias a todos y a todas ya que con vuestras visitas y comentarios mantenéis vivo este blog.

Sisco,

Subir un powerpoint a blogger

2009-08-19T10:34:00.002+02:00

Los seguidores del blog ya sabéis que hasta septiembre no dispongo de tiempo libre para dedicarlo a este blog, pero voy publicando algo para no dejarlo en “estado de abandono”. Hace unos días recibí un correo electrónico de Antón donde me formulaba esta pregunta:

¿Quiero poner un archivo pps en el blog? Como debo hacerlo?

He pensado que la respuesta que le di en su día podría ser una buena entrada para hoy y de paso igual le sirve a alguien mas.

Buenos días Antón,

Para subir un pps al blog es sencillo pero debes hacer un par de pasos extras, ya que blogger no permite subir archivos pps directamente, para ello debes hacerlo a través de Google Docs y así poder alojar el archivo.

Accede a Google Docs haz click en la pestaña "Upload", escoge el archivo pps que previamente debes haber guardado en una carpeta de tu ordenador y lo subes a tu cuenta de Google Docs.

Una vez tienes alojado el archivo pps en Google Docs procede a su apertura veras como se abre una nueva ventana para presentarte el pps. Fíjate que en la parte superior derecha tienes tres pestañas, clica en la del medio y escoge la última opción, que es la de publicar online, obtendrás un código html, es este el que tienes que copiar y pegar a la entrada que quieras de tu blog.

Espero haberme explicado, si no, me comentas.

Atentamente, Sisco.

Hans Christian Ørsted

2009-08-14T12:06:00.002+02:00

Hoy Google nos sorprende con este logo:

Esta dedicado a Hans Christian Ørsted (Rudkobing, Dinamarca, 14 de agosto de 1777 – Copenhague, Dinamarca 9 de marzo de 1851) fue un físico y químico danés, influido por el pensamiento alemán de Emmanuel Kant y también de la filosofía de la Naturaleza.

Fue un gran estudioso del electromagnetismo. En 1813 ya predijo la existencia de los fenómenos electromagnéticos, que no demostró hasta 1819, junto con André-Marie Ampère, cuando descubrió la desviación de una aguja imantada al ser colocada en dirección perpendicular a un conductor eléctrico, por el que circula una corriente eléctrica, demostrando así la existencia de un campo magnético en torno a todo conductor atravesado por una corriente eléctrica, e iniciándose de ese modo el estudio del electromagnetismo. Este descubrimiento fue crucial en el desarrollo de la electricidad, ya que puso en evidencia la electricidad y el magnetismo. Oersted es la unidad de medida de la reluctancia magnética. Se cree que también fue el primero en aislar el aluminio, por electrólisis, en 1825, y en 1844 publicó su "Manual de física mecánica".

Fuente: Wikipedia

Como construir nuestra própia antena de TDT

2009-08-13T14:26:00.004+02:00

Dentro de pocas semanas la única forma de ver la televisión en España será mediante la Televisión Digital Terrestre (TDT), y para ello a parte de adaptar nuestros televisores mediante un decodificador, también tendremos que adaptar muchas antenas.

En varios blogs he visto la explicación para hacer nuestra propia antena de TDT, de una forma fácil y barata total, que todo el mundo puede hacer su propia antena de TDT en unos cinco minutos, para ello necesitamos:

• Un cable coaxial de antena normal.
• Cinta aislante.

Seguir estas instrucciones:

1. Estirar bien el cable de la antena, dejarlo lo más recto posible a unos 30 cm del extremo.
2. Pelar la cobertura exterior de los 12,5 cm del extremo del cable.
3. Llevar la malla exterior hacia el lado contrario del cable (otros 12,5 cm) y cubrir con cinta aislante.
4. Pelar la cobertura interior de los 12,5 cm que pelamos inicialmente, dejando al aire el alambre, lo más recto posible.
5. Conectar al receptor TDT y orientar (generalmente de forma horizontal).

El resultado final será este:

¿Funciona? Parece ser que si, pero es cuestión de probarlo.

Acceso a la foto en grande: Click aquí.

Visto en: Todotutoriales.

Mario Bros y el paso de los años

2009-08-11T14:12:00.004+02:00

Supongo que mas de uno habrá jugado alguna vez en su vida al videojuego Mario Bros, deciros que este juego es uno de los 5 juegos más famosos de la historia de los videojuego.

Esto ha provocado que el personaje haya sido incluido en varios juegos de la compañía Nintendo.

En tecnología diaria me he encontrado con un árbol genealógico de Mario Bros, donde nos presentan la evolución del famoso fontanero cuyo nombre inicial era Jumpman en Donkey Kong en 1981 podemos observar al primer Mario en píxels hasta los más realistas de las últimas consolas.

Visto en: Tecnología diaria.

Arbol genealógico: Click aquí.

Alianza de Yahoo! y Microsoft contra Google

2009-08-04T14:32:00.003+02:00

Bing, el nuevo buscador de Microsoft, será también el motor de búsqueda de Yahoo! Yahoo! y Microsoft han anunciado una alianza para intentar competir con el principal buscador de Internet: Google. Según el acuerdo a partir de ahora el motor de búsqueda de Yahoo! Search será el de Bing, el nuevo buscador de Microsoft, mientras que Yahoo! Se encargará de gestionar los anuncios yl a publicidad de ambos buscadores. Con este acuerdo queda cerrados los rumores de la intención de compra frustrada de Yahoo! por parte de Microsoft.

El año pasado Yahoo! no aceptó la oferta de compra de Microsoft, porque no la consideraba suficientemente buena. Unos meses mas tarde, Jerry Yang, co-fundador de Yahoo!, dimitió del cargo de director ejecutivo. Ahora con el acuerdo que acaban de cerrar por diez años, el director ejecutivo de Microsoft, Steve Ballmer, espera que puedan ofrecer mas innovación a sus usuarios y un valor añadido para sus anunciantes y a los consumidores mas opciones en un mercado dominado por una sola empresa.

Yahoo! se reserva el 88% de los beneficios de los anuncios de su buscador y también venderá anuncios a algunas webs de Microsoft. Carol Bartz, directora ejecutiva de Yahoo! considera que con este acuerdo empieza una nueva era para la innovación en Internet. Los buscadores de Yahoo! y Microsoft son el segundo y el tercero mas utilizados, respectivamente, pero de momento aún están a mucha distancia de Google, ya la mayoría de búsquedas de Internet se hacen mediante este buscador.

Fuente Vilaweb

¿Vigilados o controlados?

2009-07-29T12:54:00.003+02:00

Lo que os contaré no es nuevo, pero sabíais que gracias a la telefonía móvil de última generación, cualquier individuo puede ser localizado por otro. O, a la inversa, devenir detective y controlar desde la pantalla del teléfono o el ordenador la exacta ubicación de su pareja, a sus hijos cuando salen de marcha o el trayecto de un familiar durante una excursión. Mujeres maltratadas, enfermos de Alzheimer o una flota de vehículos de empresa, incluso una mascota, pueden también ser blancos de un sistema que permite a terceros conocer, en todo momento, dónde están, qué pasos dan o si superan los límites permitidos.
(El Pais)

Verano = Mucho trabajo

2009-07-20T14:29:00.002+02:00

Va a parecer una excusa barata, pero es la verdad. Últimamente ando algo escaso de tiempo para dedicar a esta bitácora. Alguno de los que me conocéis ya sabéis que el combinar dos trabajos me absorbe todo el día.

Por eso, mientras dure el periodo estival me veréis mas bien poco por aquí, aún que iré publicando alguna que otra cosa.

De todas formas os dejo el blog bien relleno de cosas interesantes, búscalas mediante la nube de etiquetas o mediante el buscador interno.

¿Problemas con tu ordenador?

2009-07-16T14:31:00.003+02:00

¿Problemas con tu ordenador? Aquí os dejo unos consejos para que puedas solucionarlos.

40.000 Wallpapers

2009-07-10T10:03:00.006+02:00

En xtremewalls.com encontramos una página con una colección de más de 40.000 wallpapers para PC y teléfono móvil. Tienen muy buena resolución y podemos encontrarlos en diferentes categorías: Actores y actrices, películas animales, paisajes, autos, motocicletas, dibujos animados, música, arte, entre otros.

Hace unos años.....

2009-07-08T13:42:00.008+02:00

Ibm PC, 1981

Sinclair ZX Spectrum, 1982

Apple Macintosh, 1984

Amstrad CPC, 1984

Conmodore Amiga, 1985

Luz de Gas Radioblog

2009-06-26T10:04:00.005+02:00

Luz de Gas Radioblog en colaboración con 20Minutos hará un programa semanal los miércoles de 18:00 a 19:00 horas a partir del 1 de Julio, dedicado a los Premios 20Blogs. La emisión está potenciada por CyberNETicos.

Con la idea de vivir intensamente el concurso con el programa. Todos participantes de los Premios 20Blogs que quieran presentar su blog podrán hacerlo mediante teléfono fijo o Google Talk o bien dejando un correo a info@luzdegasradioblog.es

Si quieres ampliar esta información:

RadioBlog Fiesta Playera.

20Minutos edición de hoy.

Wallpapers: Wallpaperstock

2009-06-17T22:40:00.005+02:00

Hoy os propongo Wallpaperstock, una web que alberga una gran cantidad de Wallpapers de temas variados, todos ellos de gran calidad y muy bellos.

Encontraremos wallpapers de naturaleza, paisajes, arquitectura, moda, sexys, ciudades, abstractos y un sinfín mas de ellos.

Pagina: Wallpaperstock

Notas

2009-06-09T22:33:00.004+02:00

A veces queremos dejar algún mensaje en nuestro blog para hacer saber que estaremos unos dias ausentes o simplemente para decir cualquier cosa. Hoy os propongo unos códigos para poner esas notas mediante códigos Htm.

Empezaremos con una nota enmarcada:

<fieldset> Nuestra nota enmarcada </fieldset>

Nuestra nota enmarcada

Si queremos poner una nota con un título como puede ser “Nota” “Aviso” o en nuestro ejemplo “Título de nuestra Nota”, haremos lo siguiente:

<fieldset>
<legend> Título de nuestra Nota </legend> Aquí pondríamos el texto que nos interese
</fieldset>

Título de nuestra Nota Aquí pondríamos el texto que nos interese

Podemos hacer que nuestra nota se desplace para llamar mas la atención de nuestros visitantes:

<fieldset>
<legend> Título de nuestra Nota </legend>
<marquee> Aquí pondríamos el texto que nos interesa y este se irá desplazando </marquee>
</fieldset>

Título de nuestra Nota
Aquí pondríamos el texto que nos interesa y este se irá desplazando

Mas cosas, queremos poner nuestra nota a un tamaño mayor:

<fieldset>
<legend> Título de nuestra Nota </legend>
<marquee> <span style="font-size:180%;"> Aquí pondríamos el texto que nos interesa y este se irá desplazando pero con un mayor tamaño de las letras </span></marquee>
</fieldset>

Título de nuestra Nota
Aquí pondríamos el texto que nos interesa y este se irá desplazando pero con un mayor tamaño de las letras

¿Quieres poner el título de la nota en negrita?:

<fieldset>
<legend><strong> Título de nuestra Nota ahora en negrita </strong></legend>
<marquee> <span style="font-size:180%;"> Aquí pondríamos el texto que nos interesa y este se irá desplazando pero con un mayor tamaño de las letras</span></marquee>
</fieldset>

Título de nuestra Nota ahora en negrita
Aquí pondríamos el texto que nos interesa y este se irá desplazando pero con un mayor tamaño de las letras

Ya veis que es muy fácil solo debemos aplicar nuestra imaginación para ir variando nuestra nota.

Google Wave

2009-06-04T12:30:00.005+02:00

En la última edición de Google I/O la noticia estrella fue el próximo lanzamiento de Google Wave en un paso más para revolucionar las comunicaciones en Internet.

Pero que es Google Wave?

Tiene el objetivo de convertirse en un nuevo modelo para que las personas interactúen en línea. La nueva herramienta permitirá a los usuarios comunicarse y trabajar juntos a través de texto, fotos, vídeos, mapas y más.

Según los primeros comunicados de Google el pasado 28 de mayo de 2009, el usuario podrá crear una 'ola' ('wave') y en ella podrá añadir contactos. Cualquier persona dentro de esa 'ola' puede ir añadiendo texto, fotos, gadgets, feeds de medios de comunicación, etc, y de esta manera ir interactuando unos con otros.

Captura de pantalla de Google Wave.

Vídeo presentación.

Las descargas de Internet y sus consecuéncias

2009-06-02T13:33:00.002+02:00

Un amigo me a enviado este curioso texto, es un poco antiguo pero en mi caso no lo habia visto nunca. Se trata de las penas que se aplican a quien pillan descargando música por internet y a la vez las compara con otras acciones dignas de ser castigadas y penadas para ver como son resueltas penalmente.

1. CUESTIÓN:

a) Luis se descarga una canción de Internet.
b) Luis decide que prefiere el CD original y va a El Corte Inglés a robarlo. Una vez allí, y para no dar dos viajes, opta por llevarse toda una discografía. La suma de lo hurtado no supera los 400 euros.

CONSECUENCIA:
La descarga de la canción sería un delito con pena de 6 meses a dos años.
El hurto de la discografía en El Corte Inglés ni siquiera sería un delito, sino una simple falta (art. 623.1 del Código Penal).

2. CUESTIÓN:

a) Luis se descarga una canción de Internet
b) Luis va a hurtar a El Corte Inglés y, como se le va la mano, se lleva 50 CDs, por valor global de 1.000 euros

CONSECUENCIA:
Seguiría siendo más grave la descarga de Internet. El hurto sería un delito, porque supera los 400 euros, pero sería de menor
pena que la descarga (art. 234 del Código Penal)

3. CUESTIÓN:

a) Sergio, en el pleno uso de sus facultades mentales, se descarga una canción de Malena Gracia.
b) Sergio, en un descuido de Malena Gracia, se lleva su coche y lo devuelve 40 horas después.

CONSECUENCIA:
Sería mas grave la descarga. El hurto de uso de vehículo tiene menos pena, a tenor del artículo 244.1 del Código Penal

4. CUESTION:

a) Ocho personas se intercambian copias de su música favorita.
b) Ocho personas participan en una riña tumultuosa utilizando medios o instrumentos que pueden poner en peligro sus vidas o su integridad física.

CONSECUENCIA:
Es menos grave participar en una pelea que participar en el intercambio de compactos. Participar en una riña tumultuosa tiene una pena de tres meses a un año (art. 154 del Código Penal) y el intercambio tendría una pena de
6 meses a 2 años (art. 270 del Código Penal). Si algún día te ves obligado a elegir entre participar en un intercambio de copias de CDs o participar en una pelea masiva, escoge siempre la segunda opción, que es obviamente menos reprobable.

5. CUESTIÓN:

a) Juan copia la última película de su director favorito de un DVD que le presta su secretaria Susana.
b) Juan, aprovechando su superioridad jerárquica en el trabajo, acosa sexualmente a su secretaria Susana.

CONSECUENCIA:
El acoso sexual tendría menos pena según el articulo 184.2 del Código Penal.

6. CUESTIÓN:

a) Pedro y Susana van a un colegio y distribuyen entre los alumnos de preescolar copias de películas educativas de dibujos animados
protegidas por copyright y sin autorización de los autores.
b) Pedro y Susana van a un colegio y distribuyen entre los alumnos de preescolar películas pornográficas protagonizadas y creadas por la pareja.

RESPUESTA:
La acción menos grave es la de distribuir material pornográfico a menores según el articulo 186 del Código Penal.
La distribución de copias de material con copyright sería un delito al existir un lucro consistente en el ahorro conseguido por eludir el pago de los originales cuyas copias han sido objeto de distribución.

7. CUESTIÓN:

a) Ramón, que es un bromista, le copia a su amigo el último disco de Andy y Lucas, diciéndole que es el “Kill’em All” de Metallica.
b) Ramón, que es un bromista, deja una jeringuilla infectada de SIDA en un parque público.

RESPUESTA:
La segunda broma sería menos grave, a tenor del articulo 630 del Código Penal

8. CUESTIÓN:

a) Juan fotocopia una página de un libro.
b) Juan le da un par de puñetazos a su amigo por recomendarle ir a ver la película “Los Ángeles de Charlie”.

CONSECUENCIA:
La acción más grave desde un punto de vista penal sería la “a”, puesto que la reproducción, incluso parcial,
seria un delito con pena de 6 meses a dos años de prisión y multa de 12 a 24 meses. Los puñetazos, si no precisaron una
asistencia médica o quirúrgica, serían tan sólo una falta en virtud de lo dispuesto en el artículo 617 en relación
con el 147 del Código Penal.

Hala chavalotes! Ya sabéis: pegad, violad, acosad y robad… pero no descarguéis cosas.

Wallpapers, Espacio

2009-05-25T18:31:00.005+02:00

Hoy me he encontrado con AstroRED. Web que se dedica a divulgar la astronomía en la red durante más de 14 años y en ella, entre otros he encontrado estos fabulosos Wallpapers.

Os recomiendo un paseo por ella.

Error al acceder al blog mediante Internet Explorer

2009-05-23T11:49:00.005+02:00

Hoy me comentaba José Manuel Beltrán lo siguiente: “Desde hace unos días al entrar en tu blog, para comentar, al igual que en otros pocos (TitoCarlos) aparece un mensaje de error de explorer que te saca de la página. ¿Sabes algo de ello?”.

Desde hace unos meses cuando accedemos a blogs de blogger suele dar un problema de acceso producido por Internet Explorer. Este error se ha ido solucionando por si solo al cabo de unos días, pero estos últimos se ha generalizado a bastantes blogs, parece ser que suele darse en blogs que tienen el formulario de comentarios modificado.

El error se produce en las versiones IE7 y en IE8, en anteriores lo desconozco. La buena notícia es que los blogs funcionan a la perfección en Google Chrome y en Firefox.

Y precisamente hoy visitando el blog de Rosa he visto que nos hablaba de ello, según nos cuenta en blogger “Estan en ello”, osea blogger ya está al caso del error.

¿Hasta cuando?, Solo los amigos de blogger lo saben.

Crea tu avatar

2009-05-22T23:36:00.005+02:00

¿Quieres un avatar para poner en tu perfil de blogger por ejemplo?

En la web http://www.blogger.com/www.doppleme.com podemos conseguir uno de forma muy sencilla para utilizarlo en blogger, foros, facebook, etc..

En doppelme nos permiten crear uno sin necesidad de registro pero tiene las opciones limitadas, para disponer de todas ellas debemos registrarnos.

Al acceder a la pagina y siguiendo unos sencillos pasos podemos obtener nuestro avatar.

Empezaremos seleccionando “create” y escogemos hombre o mujer y el tono de piel deseado, seguimos haciendo clic en “Next >”, en esta sección iremos escogiendo entre las variadas opciones, expresión, pelo, ojos, ropa, accesorios, etc. Podéis observar que también nos permite ir variando los colores.

La mayoría de opciones están inspiradas en películas de televisión, series o cómics.

20 Curiosidades sobre Google

2009-05-17T16:20:00.002+02:00

1.- Su nombre es fruto de un error del termino googol (pronunciado gúgol), que es el nombre que se le da a 10 elevado a 100. En referencia a la gran cantidad de información que querían indexar. Por cierto, la palabreja en cuestión, googol, también tiene su historia. El matemático americano Edward Kasner pidió a su sobrino de 9 años que inventara un número… y ese fue el que se le ocurrió al niño.

2.- Su extrema sencillez se debe a que sus fundadores querían que cargara rápido. Luego se dieron cuenta que a la gente le encantaba pulsar “Enter” y que aparecieran resultados de forma inmediata.

3.- En sus inicios mucha gente pensaba que la Web no estaba totalmente cargada por lo simple que es (no era lo habitual en aquellos tiempos). Lo solucionaron añadiendo información sobre el Copyright en el pie de página.

4.- El botón “Voy a tener suerte” hace perder muchos millones de dólares a Google en publicidad (pues te lleva directamente a una Web). Sin embargo, se mantiene porque sus fundadores aseguran que hace al buscador más agradable.

5.- Google tiene registradas direcciones parecidas, por si alguien se equivoca al escribirlas, como por ejemplo gogle.com y gooogle.com

6.- Su slogan era Don´t Be Evil (no seas malvado).

7.- Durante los atentados del 11-S, Google se encargo de realizar “cachés” de los principales medios de comunicación (evitando su colapso) y se redirigieron muchas búsquedas hacia las últimas noticias.

8.- Google es propietario del dominio 466453.com (escribe Google en un SMS para saber por que)

9.- En Google usan la regla 20/5 para sus proyectos: si al menos un 20% de los usuarios necesita una función esta se incluye. Además si como mínimo un 5% la necesita la implementan en preferencias avanzadas.

10.- Gmail estuvo en periodo de pruebas 2 años y medio. Concluyeron que había 6 tipos de usuario, y en función de eso desarrollaron las opciones de la aplicación.

11.- Nadie sabe con exactitud donde están sus datacenters.

12.- Antes se llamo BackRub.

13.- Google tiene una intranet llamada Moma, con documentación técnica e información de sus más de 16.000 empleados

14.- Sus empleados tienen disponible el 20% de su tiempo para pensar en nuevos proyectos.

15.- La compañía tiene una regla sobre la comida: ningún empleado puede estar a más de 100 pies de ella.

16.- Para determinados estrenos como “El Señor de los Anillos” o “Transformers” la empresa alquilo varios cines exclusivamente para sus empleados y acompañantes.

17.- Google también tuvo una versión beta durante un tiempo.

18.- Cobraron un cheque de 100.000 dólares a nombre de Google Inc… cuando aun no existía. Tuvieron que fundarla para poder hacerlo efectivo.

19.- GooglePlex es el nombre de sus oficinas.

20.- Fue fundada oficialmente el 7 de Septiembre de 1998.

Visto en: El Pais

Buscador interno para el blog

2009-05-12T23:29:00.005+02:00

Hoy mismo he recibido un correo electrónico de Gloria donde me preguntaba como poner un buscador interno en su blog.
Sin muchas complicaciones he pensado que es el que yo uso en mi blog, si alguien también lo necesita aquí os dejo el código para que lo podáis utilizar:

<form action="http://search.blogger.com/" name="b-search">
<input id="b-query" name="as_q" type="text"/>
<input value="UTF-8" name="ie" type="hidden"/>
<input value="blg" name="ui" type="hidden"/>
<input value="tirandodeblog.blogspot.com" name="bl_url" type="hidden"/>
<input id="b-searchbtn" alt="Search This Blog" value="Busca" title="Buscar en Tirando de Blog" onclick="document.forms['b-search'].bl_url.value=
' tirandodeblog.blogspot.com '" type="submit"/>
</form>

Del código anterior podéis modificar lo que os resalto en rojo, lo que viene en azul es donde tenéis que poner la dirección de vuestro blog.

Espero que sea de vuestra utilidad

Desvaneciendo

2009-05-08T13:13:00.007+02:00

Hoy os quiero proponer un truco que he visto en “Tutoriales para blogspot” si quereis ver en que se basa el truco, clica en mi blog de pruebas.

MI BLOG DE PRUEBAS

Habréis podido observar que al acceder al blog este apareció de forma gradual.

Mediante un código conseguiremos crear un efecto de desvanecimiento o degradado cada vez que entremos en cualquier enlace de nuestro blog. El efecto también funciona cuando se abandona el blog, dando un efecto de que la página se desvanece.

El truco es realmente sencillo solo debemos pegar después de <head> el siguiente código:

<meta http-equiv="Page-Enter" content="BlendTrans(Duration=1)" />

<meta http-equiv="Page-Exit" content="BlendTrans(Duration=1)" />

Google celebra el cumpleaños de Samuel Morse

2009-04-28T09:15:00.000+02:00

Hoy cuando he accedido a Google me he encontrado con este logo:

Google lo hace en forma frecuente para celebrar ocasiones especiales, para anunciar o conmemorar acontecimientos y aniversarios mundiales, como la de hoy, en que se celebra el 118 cumpleaños de Samuel Morse y lo hace traduciendo su nombre en puntos y guiones.

Hoy os traigo un vídeo recopilatorio de Youtube que nos muestra varios de los logos que Google ha utilizado para celebrar así fechas conmemorativas.

Google Similar Images

2009-04-27T09:07:00.000+02:00

Google a lanzado a través de su proyecto Google Labs el proyecto Similar Images, pero antes de entrar en materia para los que lo desconozcan Google Labs deciros que este es el laboratorio tecnológico de Google en el que se exponen algunas de nuestras ideas favoritas que aún no están preparadas para integrarlas en Google.com.

Se trata de que los usuarios podamos probar el proyecto y les dejemos nuestros comentarios para poder ayudar a mejorarlos.

Pues como os decía una nueva herramientas en fase experimental y que nos puede ser de utilidad es Similar Images,

Como su nombre indica nos facilita una búsqueda de imágenes similares unas a otras. Es decir, si estamos buscando la imagen por ejemplo de la Sagrada Familia en Barcelona y tenemos una pero no es exactamente la que necesitamos, con esta herramienta podremos buscar otras similares que se adecuen mejor a nuestras necesidades. Si quieres ver el resultado de la busqueda, CLICA AQUÍ.

Un poco de humor

2009-04-25T23:31:00.003+02:00

Personalizar nuestros comentarios

2009-04-22T23:05:00.005+02:00

El pasado 17/04/09 recibí un comentario de Zorra que decía así:

"Hola Sisco: Quisiera saber como puedo lograr que en mi blog mis comentarios aparezcan como los tuyos aquí, es decir de diferente color y la firma sobre el lado derecho? Gracias y besos!"

Ante todo disculpa mi tardanza y ahora nos ponemos manos a la obra:

Las instrucciones que os daré son para la plantilla Mínima y estan extraidas del blog de Rosa. Las explicaré en tres pasos.

1er. Paso: Configurar formulario de comentarios.

Una vez configurado el formulario para ser mostrado como una entrada incrustada a continuación, haremos lo siguiente:

2º Paso: Mostrar los comentarios del autor resaltados.
Accedemos a nuestra plantilla - Edición de HTML - Expandir plantillas de artilugios y buscaremos el código que corresponde al bloque de comentarios y añadiremos el código resaltado en rojo:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

Seguiremos en nuestra edición de la plantilla y buscaremos:

#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}

Una vez localizado el código anterior, a continuació le añadiremos lo que os resalto en rojo:

.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #254117;
background:#C3D9FF;
}

Gracias a estas últimas líneas podemos personalizarlo a nuestro gusto, color fondo, grosor y color del borde.

3er. Paso: Colocar una firma en cualquier de los lados del comentario.

Una firma similar a la que yo muestro en mis comentarios la obtendréis en My Live Signature.

Si ahora queremos colocar una imagen que sirva como firma de nuestros propios comentarios, y para ello buscaremos esta parte del código anterior y añadiremos lo que os muestro en rojo:

<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/><img class='firma' src='url_de_la_imagen_firma'/></p>
</dd>
<b:else/>

Ya solo nos queda añadir antes de ]]></b:skin> este otro código:

 .firma {
display:block;
width: 58px;
height: 32px;
padding-left: 90%;
}

Mediante estas otras líneas podéis controlar el ancho (width) y alto (heigth) de nuestra imagen, en padding-left: 90%; la posición de la misma, el valor left podéis variarlo por rigth o center.

Espero sea de vuestra utilidad y recordad que ante la duda, un buen consejo es hacer siempre una cópia de vuestra plantilla.

Wallpapers coloridos

2009-04-21T16:21:00.005+02:00

En Hongkiat.com, nos encontramos con una recopilación de 30 wallpapers con un diseño muy vistoso y colorido.

A ver si os gustan.

Visto en: Hogkiat

Google Street View España

2009-04-16T23:33:00.003+02:00

Hace un tiempo que oí hablar de Google Street View, pero no ha sido hasta esta semana que lo he probado.

El servicio 'Street View' de Google desde octubre de 2008 ya funciona en España, concretamente con fotografías de las calles de Madrid, Barcelona, Valencia, Sevilla, Zaragona, Oviedo o Bilbao. Y gracias a este servicio podemos dar una visita en todas estas ciudades y muchas mas a nivel mundial.

Como es habitual en las imágenes de 'Street View', los rostros de los tanseúntes se encuentran borrosos (también las matrículas de los coches) para garantizar la privacidad de estos ciudadanos que se cruzan por la calle con el coche de Google.

Lugares interesantes para ver son:

La Sagrada familia
Catedral de Sevilla
Puerta del Sol de Madrid
Estadio Olímpico de Montjuic (Barcelona)
Monumento de Colón (Barcelona)
Museo Oceanográfico (Valencia)
Estadio Camp Nou (F.C. Barcelona)
Puerta de Alcalá (Madrid)
Estación de Atocha (Madrid)
Y un largo etcétera.

Con Google Street View podemos:

Dar paseos virtuales: avanza, rota y utiliza el zoom.
Explorar los paisajes urbanos, los monumentos principales o los puntos de interés.
Buscar tiendas, restaurantes, parques, hoteles y más.

Aquí os dejo el vídeo que nos explica su funcionamiento.

Visto en: google.dirson.com

Enlace a Google Street View

20.000 visitas

2009-04-15T23:32:00.002+02:00

Llevo unos días muy ocupado y como habréis podido comprobar tengo el blog un poco parado, hoy intentando volver a mi normalidad bloguera al acceder a mi blog he tenido una grata sorpresa.
Si el dia 1 de abril de 2009 os comentaba que celebraba el primer aniversario de Tirando de blog, hoy estoy muy contento por haber llegado a las ....

Unos días de descanso

2009-04-09T18:13:00.002+02:00

Os deseo lo mejor y si cogéis el coche, mucha precaución!!

Tres columnas en el pie del blog

2009-04-04T16:20:00.005+02:00

Hoy he instalado tres columnas en el pie de este blog, ¿Te apetece ponerlas en el tuyo?

Ante todo debemos retirar cualquier elemento que tengamos colocado en el pie del blog desplazándolo momentáneamente a la sidebar.

Accederemos a nuestra plantilla en “Edición Html” no es necesario expandir los artilugios y buscaremos el siguiente código en la plantilla.

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Cambiaremos la línea <b:section class='footer' id='footer'/> por este código:

<div id='footer-columna-contenedor'>


<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>


<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>


<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>


<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>


<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>

</div>


<div style='clear:both;'/>

<p>

</p>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>


<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text20' locked='false' title='' type='Text'/>
</b:section>


</div>

<div style='clear:both;'/>


</div>

Una vez hemos añadido el código anterior antes de ]]></b:skin> pegaremos este nuevo código.

#footer-columna-contenedor {
clear:both;
}

.footer-columna {
padding: 10px;
}

Guardamos los cambios y ya podemos colocar los elementos que habíamos retirado a la sidebar en el sitio que deseemos, el resultado final seria este:

Cambiar de lado la sidebar

2009-04-02T08:00:00.000+02:00

Shani me hacia la siguiente pregunta: ¿Como puedo mover una columna wrapper de la dcha al lado izqdo?

A lo que se refiere Shani es como puede mover la sidebar que tiene situada a la derecha de su blog para ponerla en el lado izquierdo.

Para colocar la Sidebar del lado derecho al izquierdo, accederemos a nuestra plantilla en “Edición Html” no es necesario expandir los artilugios y buscaremos el siguiente código en la plantilla.

#main-wrapper {
  width: 410px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar-wrapper {
  width: 220px;
  float: $endSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

La parte que permite el ajuste es donde dice float y lo haremos partiendo de left (izquierdo) o right (derecho).

En la parte de código #sidebar-wrapper cambias el float, en este caso lo modificas por right (derecho) y en #main-wrapper, cambias el float por left (izquierdo).

Referente a la pregunta que me hace Shani dejaremos el código de la siguiente forma:

#main-wrapper {
  width: 410px;
  float: right;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar-wrapper {
  width: 220px;
  float: left;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

Y el resultado será este:

1er. Aniversario Tirando de Blog

2009-04-01T00:05:00.003+02:00

Google voice

2009-03-28T11:39:00.004+01:00

Google ha lanzado Google Voice, que entre otras funciones permite agrupar en un sólo número las llamadas de casa, del móvil y de la oficina, o convertir los mensajes de voz en texto para ser enviado por correo electrónico, este servicio de momento solo está disponible en Estados Unidos y Canadá.
En julio de 2007 Google compro la compañía Grand Central Communications para ampliar y modernizar los servicios que daba esta compañía.
Lo más novedoso es la trascripción automática de los mensajes de voz en texto, que pueden ser enviados como email o mensaje SMS a un destinatario de correo electrónico.
Google emplea la tecnología de reconocimiento de voz que utiliza para su servicio de directorio telefónico Goog-411.
A través de este sistema también se pueden hacer llamadas internacionales a bajo costo, así como hacer "tele conferencias" gratuitas entre varios números de teléfono en Estados Unidos y Canadá.
Al igual que el producto original de Grand Central Communications, Google ofrece la posibilidad concentrar en un mismo número las llamadas entrantes de la oficina, de casa y del móvil. Un filtro indica quién llama y el usuario decide si responder o transferirla a un buzón de voz.
Los usuarios de las cuentas de correo electrónico de Gmail pueden integrar sus contactos de internet en el teléfono. Este servicio, que tiene una apariencia muy similar a la de Gmail, permite además archivar todos los mensajes de texto y gestionarlos como si fuera una página web.

Dibujar con símbolos y letras

2009-03-23T23:10:00.003+01:00

Hoy os propongo una entretenida pagina para hacer unas curiosas creaciones mediante letras del alfabeto japonés. Pero también podemos incluir todas las que deseemos escribiendo el texto que queramos en “PLEASE IMPUT TEXT” y a continuación clicaremos en “ADD LETTERS”.

Para crear nuestro diseño es tan facil como ir arrastrando los caracteres hacia el escritorio, podemos colocar cada elemento a nuestro gusto y girarlo a nuestro antojo.

Si una vez hecha nuestra creación el resultado no acaba de ser de nuestro gusto hacemos clic en “RESET” y se nos borra el escritorio para volver a empezar.

Cuando hemos terminado pulsaremos “SUBMIT”, se nos pide un Título para el dibujo y un Nick, clicamos en "Submit" para obtener un enlace permanente y un código html para poder introducirlo en nuestro blog.

El resultado final seria este:

Añadir un vídeo a una entrada del blog

2009-03-21T17:27:00.005+01:00

A mi correo electrónico a llegado la siguiente pregunta:

“Desearía subir un vídeo de creación propia a blogger lo tengo en formato de Windows Media, ¿Como puedo hacerlo?
Gracias de antemano por tu atención.”

La verdad es que Blogger dispone de elementos que muchas veces no sabemos ni que están allí. El tema es tan fácil como hacer clic en el icono de vídeo en la barra de herramientas de nuestro editor de entradas:

Luego clicamos en “Browser" para buscar el video en el disco duro, le ponemos un título al video, aceptamos los términos y clicamos en "Subir video".

Los formatos de vídeo que podemos subir son: AVI, MPEG, QuickTime, Real y Windows Media con un tamaño máximo de 100 MB.

Tan solo queda editar nuestra entrada, publicarla y listos.

Gracias Nico 697

2009-03-19T18:20:00.004+01:00

Nico desde su blog Nico697 ha decidido darme un premio, el cual quiero mostraros:

De paso para todos los que no conozcáis su blog aquí os dejo su enlace para que os paséis a visitarlo.

Gracias Nico.

Bordes

2009-03-16T22:10:00.002+01:00

Si queremos dar un nuevo aspecto a nuestro blog, podemos utilizar los distintos tipos de bordes para delimitar y diferenciar espacios en el, los bordes los podemos definir en diferentes tipos, grosores y colores siguiendo el siguiente esquema:

border: grosor tipo color;

grosor: se expresa en píxeles

tipo: define el aspecto del mismo

color: código html del color deseado

Tipos de borde:

dotted: Borde punteado

dashed: Borde discontínuo

solid: Borde contínuo

double: Borde doble

groove: Borde con sombra oscura

ridge: Borde con sombra clara

inset: Borde 3D hacia afuera

outset: Borde 3D hacia adentro

Ejemplo:

border: 10px dotted black

border: 10px dashed black

border: 10px solid black

border: 10px double black

border: 10px groove black

border: 10px ridge black

border: 10px inset black

border: 10px outset black

También podemos ubicar nuestro borde:
Parte superior: border-top
Parte inferior: border-bottom
Parte izquierda: border-left
Parte derecha: border-right

Descanso

2009-03-13T14:44:00.000+01:00

La propiedad "text-decoration"

2009-03-11T22:48:00.008+01:00

El editor de entradas de Blogger entre muchísimas mas cosas, no admite propiedades para dar efectos a nuestro texto, hoy veremos la propiedad "text-decoration".

Si aplicamos esta propiedad a una palabra o frase esto nos permite añadir distintos tipos de efectos que no podemos obtener mediante el editor de entradas de nuestro blog.

Los valores que podemos obtener con "text-decoration" son:

·none: ninguno

·underline: subrayado

·overline: sobrerayado

·line-through: tachado

·blink: parpadeo (No funciona en Internet Explorer)

Para aplicarlo tenemos que usar los siguientes códigos, poniendo el texto que queremos resaltar donde pone "NUESTRO TEXTO":

<span style="text-decoration: underline;">NUESTRO TEXTO</span>

<span style="text-decoration: overline;">NUESTRO TEXTO</span>

<span style="text-decoration: line-through;">NUESTRO TEXTO</span>

<span style="text-decoration: blink;">NUESTRO TEXTO</span>

Y el efecto obtenido es el siguiente:

Texto subrayado

Texto sobrerayado

Texto tachado

Texto en parpadeo (El efecto parpadeo no funciona en I.Explorer ni en G.Crhome)

Evolución

2009-03-10T23:19:00.005+01:00

Hace unos días encontré esta ilustración de humor grafico referente a Internet y como este va evolucionando según los tiempos o las modas del momento.

Para dejaros mi mas modesta opinión, lo encuentro muy acertado.

¿Y a vosotros que os parece?

Google Adsense

2009-03-09T23:28:00.003+01:00

Si sois de los que optáis por ofrecer publicidad de Google Adsense en vuestro blog, informaros que desde hace unos días ya podemos configurar el servicio de informes de Google Adsense en Euros.

Para hacer el cambio de Dólar a Euro tenemos que acceder a nuestra cuenta de Adsense y seleccionar la opción que nos enlaza para traspasar la misma a Euros. Una vez hemos clicado en el enlace, este nos enviará a una página donde debemos aceptar un nuevo contrato y después de esto ya veremos todos nuestros informes en euros.

Esto supone un cambio en los datos que tenemos guardados en nuestra cuenta, por eso es recomendable guardar esos informes si creemos que lo podemos necesitar en alguna ocasión.

Fotos estilo antiguo

2009-03-03T22:42:00.004+01:00

Os apetece envejecer alguna de vuestra fotos, con la aplicación online My Posh Twin es fácil hacerlo. Con solo subir una imagen y adaptando la cabeza de quien aparece en la foto a diversos trajes de época de hombres o mujeres podéis conseguir un efecto divertido, tan facil como seguir los pasos e ir probando con todas las opciones que nos ofrecen.

Seguramente creareis alguna imagen curiosa y divertida, ya que en muy pocos pasos y totalmente online conseguiréis un resultado como este:

Ya me diréis.

facebook

2009-02-27T23:36:00.005+01:00

La red social facebook ha cumplido su 5º aniversario.

15 millones de usuarios actualizan su estatus cada día.
120 es el promedio de amigos por usuario.
3,5 millones de usuarios se hacen fan de una página al día.
850 millones de fotos se suben al mes.

Fondo de pantalla

2009-02-24T13:24:00.006+01:00

Quieres crear un fondo pantalla para tu ordenador, con solo acceder a la web http://www.typogenerator.net/ y escribiendo el texto que queramos, obtendremos nuestro fondo personalizado.

En solo un par de clics lo tendremos preparado. Escribimos el texto o palabra que deseemos escogemos si lo queremos en vertical o horizontal. Es cuestión de ir probando y generando tantas imágenes como queramos.

Un par de fondos que he creado para mi pantalla son estos:

Enmarcar el título de las entradas

2009-02-18T22:41:00.006+01:00

Hasta el momento hemos enmarcado :

· La fecha de nuestros post.

· El pie del post.

Hoy lo que haremos es enmarcar el título de los post:

Accederemos a “Edición de HTML”, no es necesario expandir artilugios.

Buscaremos /*Posts

Y luego el siguiente código:

.post h3 {

  margin:.25em 0 0;

  padding:0 0 4px;

  font-size:140%;

  font-weight:normal;

  line-height:1.4em;

  color:$titlecolor;

Eliminamos:

color:$titlecolor;

Y pegamos el siguiente código:

background-color: #99C9FF;

Si queremos centrar el título del post añadiremos:

text-align:center;

Este es el resultado:

Podemos añadir también un borde pegando en el mismo sitio el siguiente código:

border: dotted #000000; 4px

Quedaria asi:

El código final con todas nuestras modificaciones seria este:

.post h3 {

  margin:.25em 0 0;

  padding:0 0 4px;

  font-size:140%;

  font-weight:normal;

  line-height:1.4em;

  background-color: #99C9FF;

text-align:center;

border: dotted #000000; 4px

}

Por supuesto podemos modificar el color de fondo (#99C9FF;) y el grosor del marco (line-height:1.4em;), el tipo de borde (dotted), también podriamos incluir mas cosas como por ejemplo una imagen de fondo.

Ranking de comentaristas de nuestro blog

2009-02-10T12:05:00.010+01:00

¿Os gustaría mostrar en vuestra sidebar una lista de las personas que dejan más comentarios en nuestro blog?

En Blogger Buster nos muestran un artilugio que permite mostrar las 10 personas que más han comentado en el blog, mostrando el número de comentarios que han hecho.
En la pagina encontramos un editor de código para crear el widget a mostrar en nuestra sidebar.

Para crearlo haremos lo siguiente:

En Widget Title escribe el nombre que desees que tenga tu nuevo artilugio.
En Blog URL añade la dirección de tu blog (sin http://, eso ya lo añade el artilugio).
En Filter your name, pondremos el nombre con el cual solemos responder los comentarios para que este sea filtrado y no muestre nuestros propios comentarios.

Una vez hayamos rellenado todos los datos haremos clic sobre el botón Customize y se nos activará el botón de Add to blog>>. Si clicamos sobre él y se abrirá una nueva pestaña con la página de Blogger de Añadir elemento de página. Selecciona el blog en el que lo quieras poner, clica sobre "Añadir artilugio" y ya lo puedes colocar en la posición que desees de tu sidebar. Como no, también podemos obtener el código html para que podamos hacerle alguna modificación:

<script type="text/javascript">

function pipeCallback(obj) {

 document.write('<ol>');

 var i;

 for (i = 0; i < obj.count ; i++)

 {

 var href = "'" + obj.value.items[i].link + "'";

 var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";

 document.write(item);

 }

 document.write('</ol>');

 }

 </script>

<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=720a4578c7b83dfce64615cb0ad3c642&url=http%3A%2F%2Ftirandodeblog.blogspot.com&num=10&filter=Sisco" type="text/javascript"></script>

<span style="gt;Widget by <a href="http://www.bloggerbuster.com">Blogger Buster </a></span>

Una vez seguidos todos los pasos, he obtenido el siguiente resultado para este blog:

Visto en: Meta Microcosmos

Actualización 09/03/2009: El widget sólo contabiliza los últimos 500 comentarios del blog, a tal efecto puede ser que el número de comentarios de cada uno de nuestros visitantes varie según los comentarios hechos en la franja de los últimos 500 comentarios.

Actualización 13/08/2009: Parece ser que el Widget que os presento en este post ha dejado de funcionar, de todas formas siguiendo las instrucciones podeis probarlo vosotros mismos.

Importar y exportar en Blogger

2009-02-08T18:56:00.004+01:00

Este fin de semana he estado reeditando las etiquetas del blog para organizarlas según temáticas y de paso hacer alguna que otra actualización a post antiguos. Fue entonces cuando vi que en nuestro editor de entradas había una nueva opción: “Entradas Importadas”.

Buscando un poco mas de información he encontrado en Blogger Buzz una notíca de 9 de enero de 2009 donde daban a conocer el lanzamiento de la nueva opción de Blogger en Borrador: "Importar y Exportar para blogs de Blogger". Esta nueva función abre un nuevo rango de portabilidad para nuestros blogs, ya que permitirá combinar blogs, transferir secciones de posts y realizar copias de reserva para nuestros posts y comentarios.

Combinar dos o más blogs en uno:

Si tenemos algunos blogs separados y nos gustaría comenzar de cero, ahora podremos combinarlo en un blog nuevo.
Mover posts individuales de blog a blog:

Publicar los posts en varios blogs, transferir grandes grupos de posts de un blog a otro con un sólo clic.
Hacer una copia de seguridad del blog para nuestro propio almacenamiento:

Nunca es una mala idea crear copias de reserva de nuestro propio contenido y ahora podremos exportar fácilmente una versión de archivo de nuestro blog al disco duro con una herramienta simple.
Mover nuestro blog a otra plataforma de blogs:

Gracias al formato estandar de Blogger, Atom XML abrirá nuevos canales entre proveedores y dejará llevarse el contenido en caso que decidamos movernos a otra plataforma. Y desde luego, si decidimos volver a Blogger, podremos importar los archivos exportartados, según Blogger, en cuestión de segundos.

Para acceder a esta función lo haremos desde Escritorio accediendo a la solapa Configuración, Básico.

Algunas advertencias:

Actualmente sólo soporta la importación desde blogs de Blogger. Aun no es posible importar desde WordPress, Typepad, LiveJournal o cualquier otra plataforma de blogs.

Antes de importar un blog por primera vez, recomienda crees un nuevo blog de prueba para que podamos practicar el proceso de importar. Una vez veamos su funcionamiento comenzar a probar con el blog autentico.

Si has habilitado una advertencia de contenido para tu blog, tendrás que removerla antes de que tu blog pueda ser exportado.

Extraído de: Blogger Buzz.

Widget para mostrar entradas al azar

2009-02-06T12:06:00.005+01:00

Desde “El blog de Bollulleros”, han dejado un comentario en una entrada de mi blog que decía así:

- Hola, ¿Cómo puedo poner en mi blog lo "Te perdiste este post"? que tienes en tu blog. Un saludo. Gracias.

Hace ya unos meses que vengo utilizando este sistema para mostrar entradas al azar, el sistema lo descubrí en el blog de Yo Misma. Ella nos presentaba este artilugio visto en la web BStir .

Para obtenerlo solo tenemos que seguir unos sencillos pasos y sin necesidad de registro obtendremos este widget, con él podremos mostrar hasta 5 post al azar, de forma estática o dinámica.

¿Como lo haremos?

Introducimos la URL del blog que queramos mostrar.
En "Keyword" ponemos la clave que queramos.
En "Show Snippets" Para mostrar parte del contenido de la entrada marcaremos “Yes”, y “No” si sólo queremos mostrar el título.
En "Border" para mostrar un borde marcaremos “Yes” o “No” para no mostrarlo.
En "Results" escogemos el número de entradas que queramos mostrar (max. 5).
En "Advanced options" podemos cambiar la codificación de los caracteres y añadir un fondo de color rojo, azul o amarillo al widget. Si elegimos NONE no tendrá fondo.
El último paso es elegir si queremos el widget estático, este aparecerá como simple lista de las entradas o dinámico donde las entradas van cambiando.

Cuando hemos realizado todos los pasos anteriores, podemos añadirlo de forma automática haciendo clic en "Add to Blogger", “Add to Facebook” o en “Widgetbox”, también nos facilita el código html para poder incluirlo de forma manual en nuestra sidebar.

Ahora falta que os funcione, espero haberte ayudado "El blog de Bollulleros"

Loonapix, Editor fotográfico

2009-02-04T23:04:00.004+01:00

Loonapix es un editor de fotografías gratuito y en línea. Podremos usarlo para subir nuestras fotografías y agregarles fácilmente efectos, fondos, marcos, podremos variar su tamaño o escala.

Loonapix nos ofrece gran variedad de temas para conseguir unos montajes de gran calidad, también podremos convertir fotos a formato Gif animado, postales de felicitación. La web también dispone de una galería de diseños.

La página viene en inglés, pero tiene un interfaz muy sencillo e intuitivo ya que en muy pocos pasos obtendremos nuestra creación, el resultado final lo veremos en una vista previa, para obtener seguidamente una dirección de la ubicación de nuestra creación por si queremos publicarla o compartirla con amigos o por medio del correo electrónico.

Loonapix a parte de darnos la opción para grabar nuestra composición o poder insertarla en nuestro blog mediante un código Html, también nos permite publicarla en las redes sociales más conocidas como MySpace, Facebook, Orkut, Hi5 o Friendster.

He aquí mi creación:

Menú Vertical

2009-02-02T23:28:00.008+01:00

Os gusta este menú, pues si queréis ponerlo en vuestro blog lo haremos de la siguente forma:

Pegamos el siguiente código antes de ]]></b:skin>


/*- menu----------- */

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#navcontainer li { margin: 0 0 3px 0; }
#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 160px;
background-color: #FFCC00;
background-image:
url(http://img478.imageshack.us/img478/1483/ama1yh2.jpg);
}
#navcontainer a:link, #navlist a:visited
{
color: #000000;
text-decoration: none;
}
#navcontainer a:hover
{
border: 1px solid #FFFF99;
background-color: #6C1F0D;
background-image:
url(http://img166.imageshack.us/img166/3333/nar2af6.jpg);
color: #FFFF99;
}
#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #FFFF99;
background-color: #6C1F0D;
background-image:
url(http://img166.imageshack.us/img166/3333/nar2af6.jpg);
color: #FFFF99;
}

En el código anterior podeis modificar los códigos de los colores.

Después ubicamos el menú como un nuevo elemento Html/Javascript.


<div id="navcontainer">
<ul id="navlist"><li id="active">
<a href="#" id="current">INICIO</a></li>
<li><a href="URL">DESCRIPCIÓN 1</a></li>
<li><a href="URL">DESCRIPCIÓN 2</a></li>
<li><a href="URL">DESCRIPCIÓN 3</a></li>
<li><a href="URL">DESCRIPCIÓN 4</a></li>
</ul>
</div>

Donde pone “URL” va la dirección completa del enlace, y donde pone “Inicio” y “Descripción” pondremos la nuestra.

Visto en: El blog de Cesar

Abrir links en ventana aparte

2009-01-31T18:19:00.005+01:00

Los que soléis visitarme os habréis fijado que me gustan las cosas como mas sencillas y fáciles mejor, y si puedo explicarlo brevemente mejor todavía.

Ana, a través de mi correo me preguntaba como podía hacer que los enlaces que iba colocando en su blog se abrieran en ventanas nuevas.

Si vosotros no tenéis constumbre de hacerlo pensad que es una muy buena opción para no tener que clicar cada vez el botón de retroceso y lo mas importante, con esta opción evitamos que nuestro visitantes abandonen nuestro blog cada vez que clican en un enlace.

Esto se consigue aplicando la etiqueta: target=”_blank”

La manera de usar esta etiqueta es colocándola en cada link, después de la url de referencia.
Por ejemplo, si quiero poner un acceso a mi otro blog, partiendo de su url http://buscadorblog.blogspot.com lo haremos de la siguiente forma:

<a href=”url del enlace” target="_blank">Titulo del link</a>

Ahora pondremos nuestros datos, sustituimos “url” y ponemos el Título, para que quede así:

<a expr:ref.=”http:buscadorblog.blogspot.com” target="_blank">Zapping... Buscador blog</a>

El resultado final seria este, clica en el enlace para ver el efecto:

Zapping... Buscador blog

Premio Amigable

2009-01-30T23:27:00.007+01:00

Cuando ya llevas ya un tiempo merodeando por la red, sueles frecuentar siempre los mismos blogs, pero siempre hay el día que descubres uno de nuevo y te sorprende por su originalidad y carisma. Esta fué mi primera impresión al descubir el blog “No me llames cariño” y su autora es Silvia.

Hoy al visitarlo me he encontrado con esto, ella había decidido compartir el premio recibido conmigo.

Desde aquí quiero agradecerle su generosidad y animaros a todos los que aún no lo conocéis que os paséis por “su casa”.
Podría extenderme en elogios hacia el Silvia, pero cuando estos son sinceros es suficiente con decir un par de palabras, GRACIAS SILVIA.

Wallpapers Nathional Geographic

2009-01-29T23:25:00.005+01:00

Sí os gustan estas fotos de la revista National Geographic las podéis encontrar como wallpaper, accediendo a su web.

Las fotos son de muy buena calidad y las hay de todas partes del mundo, nos vienen agrupadas por meses desde enero de 2007, para a verlos haz clic en este enlace: nationalgeographic.com/wallpaper

Buscar música mediante nuestra voz

2009-01-28T22:23:00.006+01:00

Hoy he dado con la web Midomi, se trata de un buscador de música que funciona tarareando la melodía de la canción que estamos buscando.

Según nos cuentan en la misma web, midomi es lo último en herramientas de búsqueda de música porque funciona con nuestra propia voz.

Podemos Cantar, tararear o silbar para localizar instantáneamente nuestra música favorita. Con solo conectar nuestro micrófono y haciendo clic en el botón “Click and Sign or Hum” ya podemos tararear la canción, una vez hayamos terminado clicamos en “Click to Stop” y nos mostrará el resultado obtenido.

La web nos ofrece otras posibilidades con solo registrarse.

Como muy bien nos dicen, tenemos que probarlo ya que es verdaderamente sorprendente.

Enlace: Midomi

Mostrar todas las entradas

2009-01-21T13:36:00.010+01:00

Hoy al no disponer de tiempo para nada os propongo un breve muy breve. Si queréis mostrar en vuestro blog mediante un enlace o botón todas las entradas que tenéis publicadas en el blog en una única pantalla, solo tenéis que escribir:

http://nombretublog.blogspot.com/search?max-results=1000

Donde pone nombredetublog tenéis que poner el nombre de vuestro blog, en el caso de tener mas de 1000 entradas variar este dato.

El resultado de todas las entradas de mi blog mediante un enlace seria este:

Aquí el enlace:
<a href=" http://tirandodeblog.blogspot.com/search?max-results=1000">Mostrar todo el contenido del blog</a>

Y el resultado obtenido lo veréis haciendo click en el siguiente enlace:
Mostrar todo el contenido del blog

Formulario de comentarios

2009-01-20T13:47:00.007+01:00

Blogger nos ofrece tres posibilidades para que nuestros visitantes puedan dejar sus comentarios, para ello seguiremos los siguientes pasos:

1.- Panel de Control.
2.- Configuración.
3.- Comentarios.
4.- Ubicación del formulario de Comentarios. Es aquí donde encontraremos las tres opciones:

Página completa.

Ventana incrustada.

Entrada incrustada a continuación.

Esta última opción del formulario incrustado a continuación de los propios comentarios en plantillas originales (que no hayan sufrido modificaciones) funciona sin dar problemas, pero en plantillas modificadas suele darlos.

En oloblogger he encontrado la solución a esto, para ello debemos buscar esta parte de código en nuestra plantilla:

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

Y lo sustituiremos por este:

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

Recuerda que aunque yo pruebe antes los trucos, vosotros debéis hacer copia de vuestra plantilla por si algo no funciona bien, yo siempre lo hago.

Gracias por dejar huella

2009-01-18T19:20:00.010+01:00

Este fin de semana no he podido dedicarme todo lo que hubiera deseado a mis blogs, pues el trabajo es el trabajo. Pero esta tarde cuando he entrado he visto que ya había pasado las 13.000 visitas, desde su creación el día 1 de abril de 2008, y como considero que para mi son muchas, he tenido una sensación de satisfacción.
Es por eso que os quiero dedicar este post y así poder agradecer a todos los que en alguna ocasión habéis pasado por aquí y muy especialmente a los que han dejado su comentario o como a mi me gusta decir: “Han dejado huella”, para todos ellos/as mi mas sincero agradecimiento.

Wallpapers, créalo tu mismo

2009-01-17T19:28:00.006+01:00

En Wallpapermaker podremos crear fondos de pantalla online, sin necesidad de registro y en español podemos diseñar nuestros wallpapers a nuestro gusto con numerosas opciones para su personalización.

Para hacernos una idea de los diseños incluye una extensa galería para poder ver lo que podemos conseguir con la aplicación.

Accedemos a la web y haremos clic en “Crea el tuyo”, obtendremos la vista previa de los que hay disponible en cada apartado:

Fondos: Permite escoger el que mas nos guste.

Imagen principal: Contiene diversas imagenes y dibujos para escoger.

Accesorios: Escogeremos lo que queramos para ir adornando.

Iremos aceptando, arrastrando o dándole el tamaño deseado. Una vez finalizada nuestra creación pulsamos en "Crear mi fondo" y nos permitirá descargarlo en formato .png.

Truco informatico

2009-01-15T22:02:00.003+01:00

Hoy he recibido un correo electrónico que decia lo siguiente:

TRUCO INFORMATICO: ESTE ES UN BUEN CONSEJO A TENER EN CUENTA PARA PROTEGERNOS DE LOS VIRUS INFORMATICOS, CÓMO PROTEGER TU LIBRETA DE DIRECCIONES.

Este truco es realmente ingenioso por su simplicidad.

Como sabéis, cuando un virus gusano se mete en tu ordenador se dirige directamente a tu Libreta de direcciones de e-mail, y se reenvía a sí mismo a todas las direcciones que allí encuentra, infectando así a todos tus contactos y amigos.

Este truco no evitará que el virus se meta en tu ordenador, pero evitará que use tu agenda de contactos para desparramarse más allá, y te alertará del hecho de que el gusano se ha metido en tu PC.

He aquí lo que hay que hacer:

Abre tu agenda de contactos y haz click en "Nuevo contacto", como si estuvieras agregando un nuevo contacto. En la ventana donde escribirías el nombre de tu amigo, escribe AAAA. Lo mismo en el espacio titulado apodo/nombre para mostrar.

Crea una dirección de e-mail falsa como aaaaaa@aaaaaaaa.com

Ahora, he aquí lo que has hecho y por qué funciona:

El nombre AAAA se ubicará como la entrada n° 1 de tu agenda. Aquí será donde el gusano comenzará en su esfuerzo por autoenviarse a todos los contactos de tu agenda.

Pero cuando trata de enviarse a AAAA, será imposible que se entregue, por la falsa dirección que tu has entrado.

Si el primer intento falla (cosa que sucederá por la falsa dirección), el gusano no continúa y tus amigos no se infectarán.

Aquí la segunda ventaja de este método:

Si un e-mail no puede ser entregado, será notificado en tu bandeja de entrada casi de inmediato.

Por lo tanto, si alguna vez recibes un aviso que dice que un mensaje tuyo a AAAA no pudo ser entregado, sabrás con certeza que tienes un virus gusano en tu sistema.

Puedes entonces tomar los pasos convenientes para deshacerte de él.

Si todos los amigos que tienes hacen esto, entonces no necesitarás preocuparte más por abrir los e-mails de tus amigos.

Yo por si acaso he probado el truco, ya que tiene su lógica y nunca se sabe pues mas vale prevenir.

Comandos para cambiar puntero de raton

2009-01-14T17:16:00.007+01:00

En la línea de intentar hacer cosas sencillas y sin demasiada complicación a efectos de mejorar nuestros blogs, hoy os mostraré unos comandos para cambiar la imagen del puntero de nuestro ratón.

Supongo que en alguna ocasión os apetece cambiar el puntero de nuestro ratón en determinadas partes de nuestro blog. Esto es posible si cambiamos el comando para decirle que es lo que nos interesa mostrar.

Por ejemplo, cuando subimos una imagen a un post si no queremos que se muestre la típica mano de seleccionar y queremos cambiarla por otra función, es tan fácil como acceder al código html correspondiente y modificar lo siguiente:

Buscaremos el comando “cursor”, si lo que muestra como hemos dicho es una mano veréis lo siguiente "cursor: hand", supongamos que queremos cambiarlo por un signo de interrogación, entonces pondremos lo siguiente "cursor: help".

Aqúi os dejo una lista con 17 variantes para nuestro cursor:


cursor: auto (utiliza un cursor dado por el usuario)
cursor: crosshair (el cursor se convierte en una cruz)
cursor: default (el cursor permanece como es siempre)
cursor: e-resize (una flecha que apunta a la derecha)
cursor: hand (la tradicional mano)
cursor: help (el signo de pregunta)
cursor: move (una cruz con flechas en los extremos)
cursor: n-resize (una flecha apuntando hacia arriba o hacia el norte)
cursor: ne-resize (una flecha apuntando hacia el noreste)
cursor: nw-resize (una flecha que apunta hacia el noroeste)
cursor: pointer (nuevamente el puntero)
cursor: s-resize (una flecha que apunta hacia abajo o al sur)
cursor: se-resize (una flecha que apunta hacia el sudeste)
cursor: sw-resize (una flecha que apunta hacia el sudoeste)
cursor: text (se muestra como el fin de un I-beam)
cursor: w-resize (una flecha apuntando hacia el oeste o hacia la izquierda)
cursor: wait (un reloj de arena)

Gracias Princesa

2009-01-13T18:59:00.003+01:00

He recibido el siguiente correo electrónico:

Princesa Cuento para mi.
13 / enero / 2009

Hola Sisco,

Perdona mi atrevimiento de escribirte vía e-mail, pero no sabía dónde hacerlo.
El motivo del mismo es para que, cuando puedas, pases por mi blog a recoger unos premios. Te los mereces.
Fuiste de los primeros en agregarme y yo en añadirte y, aunque en silencio, paso a menudo por tu blog. Siempre aprendo algo.

Un saludo y gracias

Princesa del Cuento

Y dicho y hecho, me paso por su blog: "Conmigo misma" y encuentro lo siguiente:

Gracias por tu generosidad, Princesa!

Nubes de etiquetas

2009-01-12T23:36:00.007+01:00

Wordle.net es una aplicación online que nos permiten crear nubes de etiquetas para decorar nuestro blog. Gracias a la aplicación podremos cambiar los colores, el orden de las palabras, seleccionar el fondo, etc.

Al tratarse de una aplicación Java no nos permitirá guardar nuestra creación en formato imagen como .PNG o .JPG, lo que si permite es imprimir la nube. Si queremos podemos capturar la pantalla para guardarla en el formato que queramos.

Para empezar entraremos en “Create” y introduciremos las palabras deseadas, clicaremos en “Go” y obtendremos el resultado de nuestra creación.
Para modificar nuestra nube podemos hacer clic con el botón izquierdo del ratón y se desplegara un menú que incluye las fuentes, las direcciones, los colores de la fuente y del fondo, así podemos ir modificando hasta que nuestra creación quede a nuestro gusto.

Una vez hayamos terminado, podemos:
Abrir nuestra creación en una ventana aparte “Open in Window”
Imprimir “Print”
Generar automáticamente otra nube “Randomize”
Guardar en una galería publica “Save to gallery”

Recordad que el resultado obtenido son sólo imágenes, o sea, no sirven como enlaces.

A mí personalmente me encanta probar todo lo que os propongo y el resultado obtenido a sido esta primera nube:

Y aquí tenéis otra nube:

Visto en: Mi-Microcosmos

Iconspedia, iconos para nuestro blog

2009-01-06T12:04:00.008+01:00

Probablemente en mas de una ocasión nos gustaría disponer de unos iconos para hacer nuestro blog mas personal, y así poder ofrecer a nuestros visitantes un acceso mas cómodo a las secciones del mismo.

En Iconspedia encontraremos miles de iconos gratuitos para usarlos libremente en nuestro blog o web.
Con unos diseños actuales y variados, los encontraremos clasificados en categorías: Animales, Arte, Dibujos, Juegos, Comida, Ordenadores y así hasta un sinfín de ellos.

Iconspedia nos ofrece la posibilidad de descargar los iconos en packs, así una vez en nuestro pc podemos seleccionar el que mas nos guste.

Contador para mostrar el número de entradas y comentarios

2009-01-04T17:27:00.013+01:00

Aquí os dejo un sencillo script para que podáis añadir a vuestro blog un contador y asi poder mostrar el número total de entradas publicadas y comentarios recibidos.

Para hacerlo se debe acceder a Diseño - Elementos de página - Añadir un gadget, aquí tienes que pegar el script que os dejo a continuación como un nuevo elemento Html/Javascript.
Solo tienes que modificar NOMBRE_BLOG por la de tu blog.

<script style="text/javascript">

function showpostcount(json) {

document.write(parseInt(json.feed.openSearch$totalResults.$t,10));

}</script>



<script src="http://NOMBRE_BLOG.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount"></script> Entradas

<br/>

<script src="http://NOMBRE_BLOG.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showpostcount"></script> Comentarios

Una vez añadido estaremos facilitando a nuestros visitantes el número de post publicados y el número de comentarios que tenemos en nuestro blog.

Pon voz a tu blog

2009-01-01T19:39:00.007+01:00

¿Queréis convertir un archivo de texto a voz?
Con vozMe podrás convertir cualquier archivo de texto y pasarlo a una voz masculina o femenina.

Cuando accedemos a la web nos encontramos con este recuadro para que pongamos el texto y seleccionemos una voz masculina o femenina:

Luego clicamos en "Genera el mp3" y se nos abrirá una ventana con el resultado sonoro obtenido:

En vozMe encontramos otras opciones para integrarlas a nuestro navegador o a nuestro blog como por ejemplo ofrecer la opción de voz a nuestros post.

Para mas información, accede a los enlaces:
Añade voz a tu navegador.
Añade voz a tu web.

Feliz 2009

2008-12-31T18:09:00.003+01:00

Crea un boton Antipixel para tu blog

2008-12-30T23:00:00.007+01:00

Estos pequeños botones llamados antipixel fueron creados por Jeremy Hedley, y son usados sobretodo por los bloggers, ya que son agradables a la vista, visibles y fáciles de colocar dentro de la gráfica de la web. Podemos utilizar estos botones para crear enlaces elegantes a sitios web, pero sin el peso que suelen tener las imágenes.

En Pixel Button podemos diseñar facilmente este tipo de botones para incluirlos en nuestros blogs.
Una vez accedemos a la web que entre otros idiomas viene en español nos encontramos con un generador online de Antipixel, fácil y rápido de utilizar. La aplicación online nos permite generar un botón con el texto y colores deseados para ser insertado en nuestro blog mediante un código HTML.

¿Como crearemos nuestro boton?
Solo tenemos que rellenar los campos a nuestro gusto.
Bloque izquierdo: Texto, Color del texto y Color del fondo.
Bloque derecho: Texto, Color del texto y Color del fondo.
Bordes: Color fondo externo y Color borde interno.
Formato: Elegiremos si queremos formato Gif o Png.
Si todo es correcto clicamos en “Crea el botón” y obtendremos una vista previa, tambien podemos borrar en “Reset” si no es de nuestro agrado.

Cuando hemos generado el botón con el texto y los colores deseados podemos transformar la imagen a código HTML sin necesidad de guardarla en ningún servidor.

Como bien sabéis a mi me gusta probar todo lo que os propongo y esta web no podía ser menos, y el resultado obtenido a sido este:

Espero le encotreis alguna utilidad a vuestro boton antipixel.

Un click para Suecia

2008-12-29T21:54:00.006+01:00

El lunes 22 de diciembre de 2008 se presento la iniciativa de 3 estudiantes bahienses de la Universidad Nacional del Sur (Argentina): Nicolás Álvarez, Ricardo Matías Ferro Moreno y Nicolás Komañski y nos cuentan su historia en su blog.

Seguramente ya lo habréis visto en otros blogs, esto significa que yo ya voy tarde, pero quiero aportar mi grano de arena a esta iniciativa.

A continuación os adjunto la entrada que efectuaron en su blog “Un click para Suecia”:

¡Hola!

Somos un grupo de 3 estudiantes bahienses de la Universidad Nacional del Sur: Nicolás Álvarez, Ricardo Matías Ferro Moreno y Nicolás Komañski. En abril del año que viene (2009), junto con nuestro coach Martín Darío Safe, nos vamos a Estocolmo, Suecia .

¿Cómo?

El 15 de Noviembre de este año participamos en la Instancia Regional de la competencia ACM ICPC (International Collegiate Programming Contest) y salimos 3ros de la Región Sur de Sudamérica (3ros en Argentina, 4tos en toda Sudamérica). Con esto, clasificamos para la instancia mundial.

Pueden ver acá los resultados de la competencia para la región Sudamérica Sur. Nosotros somos el equipo “Bahía”.

Esta competencia consiste en resolver problemas de tipo algorítmicos-matemáticos. Cada grupo de 3 participantes cuenta con una computadora y 5 horas para resolver una cantidad de problemas que varía entre 8 y 11.

Para más información sobre la competencia, dejo un par de links:

Información general (castellano)
Página oficial de la competencia (inglés)
Resultados todo Sudamérica
ICPC en la Wiki (castellano)
ICPC en la Wiki (inglés)
Equipos clasificados para la instancia Mundial

¿Por qué estamos contando todo esto?

No creamos este blog para molestar a la gente con nuestra historia por el simple motivo de querer contarla. El problema es que, al ser invitados a la instancia Mundial, la organización de la competencia nos paga todos los gastos relacionados con la estadía en Estocolmo, pero no nos cubre los pasajes.

El costo de los pasajes es aproximadamente 6000 USD (dólares).

Creamos este blog con el objetivo de difundir nuestra situación, para poder darnos a conocer y ver si eso ayuda a conseguir alguna empresa, institución, etc, que nos auspicie.

A medida que vaya progresando nuestra campaña, iremos posteando lo que va pasando.

Agradecemos a todos la ayuda recibida. Con solo entrar al blog, ya nos están ayudando.

Nicolás Álvarez, Ricardo Ferro Moreno, Nicolás Komañski y Martín Safe

lunes 22 de diciembre de 2008

Ya sabéis todos los queráis colaborar visitad su blog y con solo clicar en su publicidad seguro ponemos nuestro granito de arena.

Desde Tirando de Blog os deseo mucha suerte y ánimos en vuestros objetivos.

Nuestra foto en una portada de revista

2008-12-27T18:35:00.003+01:00

Os gustaría tener una portada de revista con vuestra fotografía. Si hacer ningún fotomontaje y con solo tres clics tendremos nuestra fotografía en la portada de las revistas más conocidas del mundo.

Esto nos lo permite la pagina El maestro del ocio.

Incluye portadas tan importantes como Interviú, Elle, GQ, National Geografhic, Maxim, Cosmopolitan, Playboy y unas cuantas mas.

Paso 1 – Seleccionar la portada que mas nos guste.
Paso 2 – Subimos nuestra foto haciendo clic en Browse.
Paso 3 – Resultado de la portada.

Una vez tenemos el resultado obtenido se nos ofrece un código Html para ser insertado en nuestro blog, una URL con el link directo a la imagen, o un BBCode.

Al igual que otras aplicaciones parecidas esta también es una interesante manera de pasar el rato, probando de colocar nuestras fotos o las de nuestros amigos.

Evidentemente yo lo he probado y el resultado obtenido a sido este:

Estilo Pullquote

2008-12-22T23:21:00.016+01:00

...hoy aprenderemos como poner a nuestro texto el estilo pullquote...

Según nos dice wikipedia: Pullquote es una cita o extracto de un artículo que se coloca en un mayor tamaño de letra en la misma página, que sirve para destacar y conducir a los lectores en un artículo y o bien para destacar un tema clave. El efecto es similar a los cuadraditos en prensa escrita, que destacan parte de un artículo.

Para aplicar el estilo pullquote como el ejemplo del parrafo anterior, de una forma muy sencilla en nuestro texto, solo tenemos que copiar y pegar el siguiente Código HTML en el editor de texto:

<div style="float:right;height:6em;width:150px;margin-top:10px;margin-bottom:10px;margin-left:10px;line-height:18px;text-align: right;">

<span >...hoy</span> aprenderemos como poner<b> a nuestro texto</b> el estilo<span > pullquote...</span>

</div><p style="text-align: justify;">

Según nos dice wikipedia: Pullquote es una cita o extracto de un artículo que se coloca en un mayor tamaño de letra en la misma página, que sirve para destacar y conducir a los lectores en un artículo y o bien para destacar un tema clave. El efecto es similar a los cuadraditos en prensa escrita, que destacan parte de un artículo.</p>

<div style="clear:both;"></div>

Como veis en el código anterior podéis modificar a vuestro antojo, las fuentes, el tamaño y color de los caracteres.

Mostrar aniversario de nuestro blog

2008-12-21T18:48:00.006+01:00

Si queréis mostrar cuando será el aniversario de vuestro blog, podemos hacerlo gracias a la pagina Blogoversary .

Tan solo tenemos que completar los siguientes datos:
Fecha de creación del blog (Formato Mes/Dia/Año).
Nombre del blog (Opcional).
URL del blog (Opcional).

Clicamos en “Generate code Below”.

Y nos proporcionan un código para pegar a nuestro blog como un nuevo elemento, así mostraremos un botón con un contador de cuenta regresiva hasta llegar al aniversario de nuestro blog, obteniendo un resultado como este:

De esta forma seguro que no nos olvidamos y podremos celebrarlo.

Blowin' in the Wind

2008-12-20T09:40:00.002+01:00

ESCÚCHALO EN EL VIENTO

¿Cuántos caminos tiene que andar un hombre
antes de que le llaméis hombre?
¿Cuántos mares tiene que surcar
la paloma blanca
antes de poder descansar en la arena?
Sí, ¿y cuánto tiempo tienen que volar
las balas de cañón
antes de que sean prohibidas para siempre?
La respuesta, amigo mío,
está soplando en el viento,
la respuesta está soplando en el viento.

Sí, ¿y cuánto tiempo tiene un hombre
que mirar hacia arriba
antes de que pueda ver el cielo?
Sí, ¿y cuántos oídos tiene que tener un hombre
para que pueda oír a la gente gritar?
Sí, ¿y cuántas muertes se aceptarán,
hasta que se sepa
que ya ha muerto demasiada gente?
La respuesta, amigo mío,
está soplando en el viento,
la respuesta está soplando en el viento.

Sí, ¿y cuántos años puede existir una montaña
antes de ser bañada por el mar?
Sí, ¿y cuántos años deben vivir algunos
antes de que se les conceda ser libres?
Sí, ¿y cuantas veces puede un hombre
volver la cabeza
fingiendo no ver lo que ve?
La respuesta, amigo mío,
está soplando en el viento,
la respuesta está soplando en el viento.

BOB DYLAND

Que mejor que una canción que habla de paz para desearos a todos/as unas felices navidades y un prospero año 2009.

Conociendo nuestra plantilla: 2-Wrappers

2008-12-18T23:02:00.006+01:00

Para poder ubicarnos y identificar las partes de nuestra plantilla debemos saber en primer lugar que es cada cosa, hoy hablaremos de los “wrappers”, o sea de las capas que forman nuestro blog.

Distribución:
En base al siguiente esquema de colores,

La parte mas externa del blog se llama outer-wrapper y es la encargada de englobar el resto de capas.

header-wrapper, Parte superior del blog.

content-wrapper, Es en esta parte donde se ubica la main-wrapper y la sidebar-wrapper.

Ver el siguiente esquema en base al color:

(Click en la imagen para ampliar)