0

Feed de Feedburner en español

Me preguntan Erruki y Jesús a través de un comentario:

He usado el servicio de FeedBurner siguiendo tus instrucciones y funciona perfectamente, pero he visto que en algunos casos al abrir para suscribirse les sale la pantalla en castellano, como por ejemplo a Key Trucos ¿cómo se puede hacer esto? Perdona el abuso y muchas gracias.

Lo que ellos solicitan es que cuando alguna de sus visitas pinche en su blog para suscribirse al feed, la pantalla que posibilita esa opción aparezca en español:

Iremos a la página de Feedburner y accederemos a nuestra cuenta "Mis Feeds". Una vez allí pinchamos sobre el feed del blog que deseamos ver en castellano y aparecerá la pantalla con las pestañas de opciones, pinchamos en la pestaña "Optimize".


Escogemos la opción "Browser Friendly" entre las que se muestran a la izquierda de la pantalla, en la nueva pantalla que se abrirá vemos un menú expandible con las opciones de apariencia, escogemos "Fuente Clara (Spanish)". Guardamos y ya tenemos nuestro feed en español. ;-)

0

Crystal Clear

Una preciosa colección de iconos que he visto hoy por primera vez, gracias a Joaquín Rueda que ha tenido la amabilidad de dejarme la dirección de la página en un comentario del Escaparate.
Joaquín ha usado estos iconos para construir el menú flotante de su blog y le ha quedado muy chulo,podéis verlo en su blog. ;-)
Podemos ver una muestra de estos iconos en la Wikimedia Commons o descargarlos de la página original Everaldo.com

0

Breadcrums, siguiendo el rastro del camino


Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...
¿Te has fijado que al entrar en cualquiera de las páginas de mi blog a través del menú o las etiquetas, hay un texto en la parte de arriba de la página que te indica donde estas?
Es una buena forma de no perderte en un blog con muchas entradas ya que nos permite volver desde ahí a la categoría en la que estábamos o a la página de inicio.

Vamos a nuestra plantilla - HTML y marcamos la casilla "expandir plantillas de artilugios". Buscamos esta línea de código:
<b:widget id="Blog1" locked="false" title="Blog Posts" type="Blog">

Unas líneas de código más abajo, encontraremos el main principal:
<b:includable id='main' var='top'>

Justo encima de esto añadimos este código:
<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Estas en:
<a expr:href='data:blog.homepageUrl' rel='tag'>Inicio</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>

Buscamos esta otra línea de código en la plantilla, estará unas líneas más abajo del código que acabamos de incluir:
<b:if cond='data:post.dateHeader'>

Pegamos esto, justo encima de la línea anterior:
<b:include data='post' name='breadcrumbs'/>

Finalmente añadimos el código necesario en el CSS, como suelo deciros, ante la duda lo colocamos justo antes de ]]></b:skin>:
.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

Visto en: Hoctro´s

0

IE Tab para Firefox (extensión)

IE Tab es una extensión para Firefox que nos permite optener una especie de imitación de Internet Explorer sin salir de Firefox.

Personalmente lo utilizo a diario pues es de gran utilidad a la hora de comprobar como quedará cualquier cambio que hagamos en el blog sin salir de Firefox, lo que nos permite corregir fallos sin la molestia de tener que cerrar un navegador y abrir el otro para ver los resultados de nuestras modificaciones en la plantilla.

Una vez descargado, se instala automáticamente en nuestro navegador (Firefox) y para usarlo tan solo hemos de pinchar en "Herramientas" y veremos una nueva pestaña que pone "Opciones de IE Tab", al pinchar sobre ella se abre una ventana que nos permite añadir la página que estamos viendo.



Una vez añadida, al refrescar dicha página podremos verla exactamente igual que la veríamos con IE. Cuando ya no necesitemos visualizar la página añadida con IE, solamente tendremos que seleccionarla en la lista de Páginas añadidas y pinchar en "Borrar".

Descargar e instalar IE Tab

0

Cambios con Final Sense

Como veréis he hecho algunos cambios en el blog, un poco de color nunca viene mal, aunque me resisto a prescindir de los tonos claros.
La plantilla sigue siendo la misma pero he tomado prestado el fondo, las flechitas de la sidebar y el tono de los colores de la plantilla Bussines Blog y como de bien nacidos es ser agradecidos, pues he incluido un link entre los botones de mi sidebar a Final Sense que son los creadores de esta y otras plantillas fantásticas para Blogger.
Os recomiendo la visita a su web, hay algunas verdaderamente originales.

0

Iconos gratuitos RSS

Un pack de iconos para RSS en descarga directa y gratuita. Ocho colores distintos en diferentes tamaños y formatos (png y jpg). Tienen un aspecto "cristalino" precioso y los hay normales o con reflejo.



Podemos descargarlos en Bittbox

0

Encontrar una parte de codigo en la plantilla

Cuando intentamos añadir o modificar algún código en nuestra plantilla, a menudo nos resulta prácticamente imposible, si el código ha de buscarse con los artilugios expandidos, aún es más complicado de encontrar exactamente la parte que nos interesa.

Este es un "truquillo" para los que usamos Firefox, que nos va a facilitar enormemente la tarea. Imaginemos que necesitamos encontrar en la plantilla esta línea del código, por ejemplo:

<p><data:post.body/></p>

Nos situaremos entonces en nuestra plantilla - HTML y con los elementos expandidos, apretamos las teclas Ctrl y F de nuestro teclado y debajo, justo sobre la barra de "Inicio" de nuestro PC, aparecerá una nueva barra con un buscador incorporado, pegamos en la caja de búsqueda el código a buscar y saldrá resaltado en color verde en la situación exacta en que está dentro de la plantilla:



Cuando hayamos acabado cerramos la barra en la X y listo.

Para quienes aún están usando Internet Explorer el sistema es el mismo, la unica diferencia será que la caja de búsqueda saldrá en forma de "ventana flotante" y el código a buscar se mostrará señalado en color azul:

0

Menú flotante del Escaparate

Con poco trabajo podemos conseguir un menú flotante a la izquierda o ala dercha de nuestro blog, que se mantiene fijo en la pantalla mientras subimos y bajamos la página.

Podéis ver un ejemplo en este blog de pruebas a la derecha del cuerpo del blog.

[1] En primer lugar añadimos en el CSS de nuestra plantilla el código necesario para controlar el menú, y que se muestre con los efectos que queremos. Puede colocarse donde mejor nos parezca,pero como siempre os digo, ante la duda, lo pegamos justo encima de: ]]></b:skin>.

/* Scroll MenuIcon
---------------------------------------------
*/
#MenuIcon{
position:fixed;
text-align:left;
/*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */
margin-top:0px;
margin-left:-35px;
}

* html #MenuIcon{ /*IE only*/
position:absolute;
}

#MenuIcon a img{
opacity:1;
-moz-opacity:1;
filter:alpha(Opacity=100);
}

#MenuIcon a:hover img{
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(Opacity=80);
position:relative;top:0px;left:2px;
}

* html #MenuIcon a img{
filter:alpha(Opacity=100);
}

#MenuIcon img{
margin-bottom: -3px;
}

* html .MenuIcon{
margin-bottom: -3px;
}


Guardamos cambios.

[2] Una vez añadido el CSS vamos a la parte de editar de nuestra plantilla y añadimos un nuevo elemento HTML-Javascript, donde pegamos el código para el menú y lo arrastramos después sobre las entradas o debajo de la cabecera:
<div id="MenuIcon">
<span>
<a style="border:0;" href="http://elescaparatederosa.blogspot.com" rel="external" title="VOLVER AL INICIO"><img alt="Home" src="http://img114.imageshack.us/img114/5226/homeuo9.jpg" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://www.blogger.com/profile/06743611108067453905" rel="external" title="SOBRE MI"><img alt="Home" src="http://img114.imageshack.us/img114/2736/yonh9.png" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="mailto:lejaniaimposible@hotmail.com" title="CONTACTAME"><img alt="Contactar al Autor" src="http://img114.imageshack.us/img114/118/mailforwardgr2.png" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://feeds.feedburner.com/blogspot/hnBy" title="SUSCRIBIR A EL ESCAPARATE"><img alt="Subscribe a El Escaparate" src="http://img69.imageshack.us/img69/29/iconosrssea0.jpg" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://elescaparatederosa.blogspot.com/2007/01/ranking-de-comentarios-en-el-escaparate.
html" title="RANKING DE COMENTARIOS"><img alt="Comentarios del Escaparate" src="
http://img114.imageshack.us/img114/9202/yellowgelfh3.gif" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://elescaparatederosa.blogspot.com/search/label/?max-results=999" title="VER TODOS LOS POST DEL ESCAPARATE"><img alt="Entradas del Escaparate" src="http://img503.imageshack.us/img503/3457/eye1yl9.png" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="http://elescaparatederosa.blogspot.com/2007/09/me-han-nominado.html" title="GALARDONES AL ESCAPARATE"><img alt="Premios del Escaparate" src="http://img210.imageshack.us/img210/296/ganadorescomercialrn5ui0.gif" class="MenuIcon"/></a>
<br/>
<a style="border:0;" href="# " title="IR ARRIBA"><img alt=" ir arriba" src="http://img69.imageshack.us/img69/1295/flecha12zi1.jpg" class="MenuIcon"/></a>
</span>
</div>

Notas:
He puesto el código tal cual está el del Escaparate, fijaros bien donde tenéis que colocar vuestros propios datos. ¡Es fácil!

Lo que está escrito con letras mayúsculas, es el texto que se leerá cuando pasemos el ratón sobre cada uno de los iconos.

Podéis usar mis iconos si queréis y si vais a usar otros procurad que todos tengan el mismo tamaño.

Donde se lee esta frase en el código: /*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */ cambiáis los valores si el menú queda muy arriba o muy abajo. Tal cual está son los valores para ver el menú a la izquierda del blog y el gadget con el código lo he puesto debajo de la cabecera, pero en cada caso el resultado será distinto, dependiendo del tamaño del "cuerpo" del blog.

Usad la vista previa para evitar sorpresas.

0

Cambiar el "dijo" que sigue al autor del comentario

Cuando pinchamos sobre el título de una entrada o accedemos a una de las páginas de etiquetas, vemos los comentarios debajo del post.
Ahí Blogger coloca por defecto el "dijo" después del autor del comentario.
Este "dijo" podemos cambiarlo por algo distinto,por ejemplo, "opinó" "comentó", etc,o como he hecho yo en El Escaparate, donde podemos ver algo como : "Rosa opinó sobre el tema..."

ejemplo con imagen
Vamos a nuestra plantilla HTML y expandimos la plantilla de artilugios.
Una vez hecho esto, buscamos esta parte del código:

<dl id='comments-block'>

Unas líneas más abajo, localizamos esta parte de código:

<data:commentPostedByMsg/>


Borramos esa línea y la sustituimos por el texto que hemos escogido para añadir a nuestros comentaristas.

INVERTIR EL ORDEN

También podemos conseguir invertir el orden del "dijo", para mostrar algo como: "escrito por: Rosa".

Nos situamos en nuestra plantilla - HTML y buscamos el mismo código que en el ejemplo anterior:


<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>
<dd class='comment-body'>


Hacemos lo mismo que en el otro ejemplo, es decir, eliminamos esta línea:


<data:commentPostedByMsg/>


Y escribimos directamente en la plantilla lo que vamos a mostrar antes del nombre del comentarista, en este caso "Escrito por:"
Esa parte del código quedará entonces así:


<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'/>
Escrito por:<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>
</dt>
<dd class='comment-body'>

0

Abrir links de la sidebar en ventana aparte


Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...
Hace unos días Enrique me consultaba como podría hacer que los links en su sidebar se abrieran en una ventana aparte, entonces le recomendé un sistema que no se adecuaba exactamente a lo que Enrique buscaba.
He encontrado otra forma de hacerlo que espero le sirva, a él y a los que querías usarlo.
Antes de aplicarlo, tendremos en cuenta que es para usar con las listas de links automáticas de Blogger que creamos en un nuevo elemento:



[1] Una vez creada la lista de links, nos situamos en el HTML de nuestra plantilla, y expandimos los elementos.
Buscamos el widget de nuestra lista de vínculos, si le hemos puesto algún título, será fácil que lo encontremos:
<b:widget id='LinkList1' locked='false' title='MIS LINKS' type='LinkList'>

Si no le hemos puesto ningún título tendremos que buscarlo así:
<b:widget id='LinkList1' locked='false' title='' type='LinkList'>

[2] Una vez localizado el widget tendremos que añadir el target=_blank donde véis en el código resaltado en negrita, dejando un espacio antes, es decir, entre target' y target='_blank':
<b:widget id='LinkList1' locked='false' title='MIS LINKS' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>
</b:loop>
</ul>

Nota:
También podemos añadir en nuestra sidebar un nuevo elemento "Lista" donde Blogger ya incluye el target="_blank (abrir en ventana aparte), al añadirle el link al elemento de la lista, sin necesidad de tocar nada en nuestra plantilla:


0

Reproductor de música en el blog

Con este código mostraremos en el blog un sencillo reproductor de música, para ambientar el blog con nuestros temas mp3.
Lo he probado en Internet Explorer y Firefox y funciona correctamente, al menos en las versiones de estos navegadores que estoy usando (las últimas en los dos).
La música sonará además de en la página principal en las demás, es decir, en las páginas de etiquetas.

El código podemos pegarlo en un nuevo elemento HTML-Javascrip y colocarlo, por ejemplo, al pie del blog (footer). Aunque funciona sin problemas en los posts y sidebar. Eso si, hay que tener en cuenta que si lo ponemos en un post, no se oirá en las páginas donde no está el post donde hemos incluido el reproductor.

Este es el código para el reproductor:

<embed pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" hidden="false" align="middle" loop="False" volume="100" autostart="true" showstatusbar="false" src="URL_DE_TU_TEMA_MUSICAL" height="45" type="application/x-mplayer2" width="310"></embed>

Os explico ahora las modificaciones que podemos hacerle:

volume="100" el volumen de la música podemos escogerlo aquí.

showstatusbar="true" para que no se vea el nombre del tema musical que está sonando.

showstatusbar="false" para que se vea el nombre del tema musical que está sonando.

autostart="true" para que el tema empiece a sonar automáticamente (nuestras visitas podrán pararlo)

autostart="false" para que nuestras visitas tengan la opción de darle al play.

width="310" el largo del reproductor

height="45" el alto del reproductor

Podemos poner menor medida para verlo a menor tamaño, aunque esta es la óptima para ver el reproductor completo.

hidden="false" el reproductor se ve en el blog.
hidden="true" el reproductor no se ve en el blog. (Hay que tener en cuenta que no a todo el mundo le gusta la música en las páginas web, así que mejor dejarlo a la vista para que las visitas puedan hacer stop o silenciarlo si así lo desean)

Por supuesto, donde dice URL_DE_TU_TEMA_MUSICAL, es donde colocaremos la dirección de la canción que vamos a reproducir, podemos subir nuestro propio tema a un servidor o usar alguna de las muchas páginas de internet, donde ya encontraremos música alojada.


0

Configurar el feed del blog con FeedBurner

Es muy importante el facilitar a los usuarios la posibilidad de suscribirse al feed de nuestro blog, esto hace que tengan acceso fácil y rápido a nuestros contenidos.
Los feeds permiten que nuestros lectores nos sigan leyendo sin necesidad de estar entrando a nuestros sitios, pasan de ser lectores ocasionales a lectores regulares (suscritos).

En primer lugar hemos de activar la opción que viene incluida en Blogger,para ello nos situamos en nuestra plantilla y pinchamos en la pestaña de "configuración" una vez allí en "Permitir feed del blog" seleccionamos "Completo". Guardamos los valores.


A partir de ahora cualquier usuario que quiera subscribirse a nuestro feed, solo tiene que pinchar al pie de nuestras entradas en "Suscribirse a: Entradas (Atom)" y en "Suscribirse a: Enviar comentarios (Atom)" al pie de los comentarios.

Existe un servicio llamado FeedBurner que hace más accesible el mundo de los feeds tanto para los que publicamos en el blog como para los lectores. Actualmente es el que estoy usando, antes he probado algún otro pero no me convencieron demasiado, así que si queréis probarlo en vuestro blog os indico paso a paso, como crear un feed en FeedBurner e integrarlo en Blogger:

1- Vamos a la página de FeedBurner y arriba veremos la opción de registrarnos, o de ingresar para los que nos hemos registrado antes (Sign In or Register). Pinchamos y completamos los campos del formulario. Ingresamos en Sign In, debajo del formulario.

Tecleamos en el cajetín la dirección de nuestro blog y pinchamos en "Next".


2- Escogemos el formato de feed (Atom o RSS) yo he escogido Atom, que es el que Blogger proporciona por defecto, pero es indiferente. Continuamos en "Next".


3-Ya solo nos queda activar nuestro feed en "Activate Feed" Una vez activado vemos la dirección que tendrá nuestro feed de FeedBurner. Pasamos de nuevo a la siguiente pantalla en "Next" donde tenemos la posibilidad de configurar una serie de estadísticas (yo lo dejé en blanco, no soy muy amiga de controlar esas cosas),pinchamos de nuevo en "Next" y accederemos al panel de control de nuestro feed.



4- El siguiente paso será integrar el feed de FeedBurner en nuestro Blog, pinchamos arriba donde se lee "Edit Feed Details" de los tres datos que vemos, el que nos interesa es el último, esa es precisamente la dirección de nuestro feed, es importante una vez integrada en Blogger, no cambiarla ya que dejaríamos a nuestros lectores sin la posibilidad de su uso.


5- Copiamos la dirección del feed y volvemos a la edición de nuestra plantilla, vamos a Configuración y Feed del sitio y una vez allí, pegamos nuestra dirección del feed de feeburner en "Publicar URL redireccionada del feed". Guardamos valores.


Comprobamos ahora que al pinchar sobre "Suscribirse a entradas" se abre la página de suscripción con FeedBurner.

6-
El siguiente paso será conseguir mostrar el icono naranja de RSS para facilitar a nuestras visitas la suscripción. Ingresamos a FeedBurner (Sign In) con nuestros datos de registro y directamente nos lleva a nuestro panel de control.


Pinchamos sobre nuestro feed y luego en la pestaña "Publicize", allí escogemos "Chicklet Chooser". Una vez decidido que icono usar, copiamos el código abajo del todo de la página. Si prefieres otro icono que no sea el standar (naranja) puedes bajarte un pack de iconos desde allí mismo,pinchando en (Why is this icon now a standard?).


7- El último paso será conseguir el botón de "lectores" para nuestra sidebar, hay varias cosas más para colocar en el blog, os sugiero que exploréis vosotros mismos, yo voy a explicar como colocar el botón que considero es una referencia importante, pues es el que marcará el número de lectores del blog.

8-Vamos de nuevo a nuestro panel de control en FeedBurner.
Pinchamos encima de nuestro feed y en el nuevo panel escogemos "Publicize" yluego "FeedCount" allí escogemos el color de nuestro botón y copiamos el código para colocarlo en el blog.



Consulta como cambiar el "readers" del botón de FeedBurner al español (lectores).

0

¿Qué es el RSS?

He encontrado este vídeo en Youtube donde se explica de forma clara y sencilla qué es el RSS y para que sirve.



0

Compartir el perfil de Blogger

Me he dado cuenta que muchas de mis visitas no tienen habilitada la opción de "compartir perfil". Unas veces por desconocimiento de esta posibilidad, y otras veces porque así lo prefieren.

Compartir el perfil en Blogger, no es solamente dejar que otros vean una serie de datos sobre nosotros (procedencia, aficiones, gustos literarios...) es también una oportunidad única de ganar visitas en nuestro blog.

Cada vez que dejamos un comentario en otro blog, se crea un link automático a nuestro perfil de Blogger, si lo tenemos habilitado a cualquiera que al leer el comentario le interese ver su procedencia, le será muy fácil llegar a nuestro blog. Lo que aumentará el trafico y las visitas.

En el caso de este blog, aún es más importante que quien comenta tenga su perfil habilitado, pues muchas veces me dejan consultas a través de los comentarios y se olvidan de poner el link a su blog, así que cuando trato de acceder mediante el perfil y me sale "perfil no compartido" no puedo ayudar gran cosa para resolver el problema ya que, normalmente, necesito ver el blog en cuestión...

Para compartir nuestro perfil, hemos de acceder a nuestro panel de Blogger y una vez allí pinchar en "Editar perfil".



En la nueva pantalla que se abrirá, veremos arriba en color rojo "privacidad", allí hemos de marcar la opción "compartir mi perfil".

0

Mostrar hasta cinco posts al azar en la sidebar

Podemos colocar un widget en nuestra sidebar para mostrar hasta cinco de nuestras entradas al azar, cada vez que se refresca la página, se muestran entradas distintas.

Solamente hemos de ingresar a la web de Stuff a Blog y en solo unos segundos, sin registro ni nada complicado, tendremos los posts aleatorios en nuestro blog. Por supuesto se pueden mostrar las entradas de nuestro blog o las de otro, dependerá de la url que coloquemos.

Una vez en la web de Stuff a Blog, tecleamos la dirección del blog del que queremos mostrar las entradas y completamos las opciones:

En "Keyword" ponemos cualquier palabra (yo puse rosa).
En "Show Snippets" escogemos SI para mostrar además del título de los posts, parte de su contenido; escogemos NO si solo queremos mostrar el título de los posts.
En "Border" escogemos SI si queremos ver los posts dentro de una caja (bordeados); escogemos NO para verlos sin borde.
En "Results" escogemos el número de entradas a mostrar (hasta cinco.

Por último, pinchamos en "get HTML" para ver el código que vamos a pegar en un nuevo elemento HTML-Javascript, al mismo tiempo veremos la opción para agregarlo automáticamente al blog "Add to Blogger" para los que no quieran hacerlo "a mano". :-)

0

Un meme original

Esta mañana me ha llegado un e-mail firmado por Rafael López de Tablón de Anuncios es una especie de meme con el que además me dan la posibilidad de ganar un IPOD shuffle.

El meme es muy sencillo, consiste en hacer un cartel usando una aplicación para la creación de carteles online, que además es muy divertida. Se puede hacer un cartel anunciando algo real, o uno ficticio que resulte lo más divertido y original posible.

Además, envías el cartel a esta dirección "sole@tablondeanuncios.com" y enlazas a la aplicación, participarás en el concurso cuyo premio al mejor cartel será un Ipod Shuffle, también publicaran tu cartel en la página del concurso con un enlace hacia tu blog.
Hay premios también para el segundo clasificado: camiseta y 100 puntos de compra en yaloveo.net y el tercero: camiseta y 50 puntos de compra en yaloveo.net


Yo me lo he pasado en grande haciendo el cartel en cuestión, así que con el rato tan divertido que he pasado me doy por premiada.
Os recomiendo probar la aplicación, ademas de divertida, sirve para hacer vuestros propios carteles reales para anunciar cualquier cosa...

Podéis ver los carteles presentados hasta ahora en Tablón de anuncios. El mio acabo de mandarlo, así que tardará un tiempo en aparecer en la web. ya podéis verlo colgado en Tablón de anuncios. Mientras tanto podéis verlo en primicia :-) :-)

Pincha en la imagen para verla a mayor tamaño


Actualización:
Me acabo de dar cuenta de que he dejado el meme sin terminar...tengo que "endosarselo" ;-) a cinco personas. Así que allá va:

Felicituri , Key Trucos, Lo meu raconet, Cabalas Virtuales y Arbillas

0

Textarea o "caja de texto"

El tag <textarea> es muy útil para publicar código en una entrada evitando que los navegadores lo interpreten o para poner un texto largo sin que ocupe demasiado espacio. Aunque es bastante conocido, hoy Dydy ha vuelto a preguntar como se hace, así que lo explico por si le es útil a alguien más.
Si colocas el código o texto que quieras mostrar entre <textarea> y </textarea>, obtendrás este resultado:



Si además añades a continuación de <textarea, las propiedades "rows" y "cols" podrás controlar el alto y ancho de tu textarea cambiando estos valores. El código sería algo como esto:

<textarea rows="2" cols="14">
AQUI VA EL CODIGO;DIGO O TEXTO
QUE DESEAS MOSTRAR
DENTRO DE TU CAJA DE TEXTO
O TEXTAREA.
</textarea>


0

Ocultar la fecha de los posts y los comentarios

Para ocultar la fecha de las entradas de nuestro blog, hemos de modificar ligeramente una parte del CSS:

[1] Buscamos esto en el código de nuestra plantilla:

/* Posts---------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}

Y le añadimos "visibility:hidden;" antes de la llave de cierre }:
/* Posts----------------
*/
h2.date-header {
margin:1.5em 0 .5em;
visibility:hidden;
}


En cuanto a la forma de ocultar la fecha en los comentarios, en un poco más complicado, pero nada difícil según nos explican muy bien en Blog and Web:

[1] Buscamos en nuestra plantilla esta línea de código:
]]></b:skin>


Y justo sobre ella pegamos estas líneas de código:
.comment-timestamp {
display: none;
visibility: hidden;
}

El problema es que también se oculta el icono para suprimir comentarios, es decir, la papelera gris pequeñita que vemos al lado de cada comentario (cuando entramos como administrador del blog). Para recuperar el icono-papelera, localizamos este código en la plantilla:
<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>

Y lo sustituimos completamente por este otro:
<dd class='comment-footer'>
<span class='comment-timestamp'>

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

0

Meme: ¿Cuando es tu cumple?

Mi amiga Key acaba de pasarme un sencillo meme, tan sencillo como decir que día es mi cumpleaños.

No soy muy aficionada a esto de los memes, la verdad, pero viniendo de mi amiga Key, haré una excepción :-) además nos servirá para conocernos un poco más ¿no os parece?

Mi cumpleaños es el 1 de Mayo, soy Tauro

Y ya que estamos, os confesaré que nací en 1964, así que tengo 43 años...
¿A qué algun@ pensaba que era una jovencita adolescente? ;-) :-) .

Se lo tengo que pasar a tres personas, así que allá va:

* Toxicboy
* Efecinco
* Angelica

0

Buscador interno personalizado

Partiendo del buscador que ya tenemos en nuestro blog vamos a personalizarlo como más nos guste para adaptarlo a la estética del blog o, simplemente, para hacerlo más divertido. :-)

El código que uso para el buscador del Escaparate es este, hay que ponerlo en un nuevo elemento html-javascript:

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"/><input id="search-btn" value="Buscar" type="submit"/></form>

Vamos a sustituir el botón que viene por defecto, por una imagen, para ello cambiamos esta parte del código del buscador, que es la que corresponde al botón:

<input id="search-btn" value="Buscar" type="submit"/></form>

por esta otra:

<input border="0" alt="Buscar" src="http://img234.imageshack.us/img234/5551/magnifyingglassec3.gif" type="image"/>
</form>



Vamos a ir un poco más allá, y cambiaremos el color de la cajita de búsqueda incluyendo una imagen en su interior y colocándole un borde. Partimos del código anterior del buscador del Escaparate:

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"/><input id="search-btn" value="Buscar" type="submit"/></form>

Añadimos en el CSS de nuestra plantilla estas líneas de código, por ejemplo, antes de ]]><b:skin>:

.searchBox{
background: #FFFF99;
background-image:url('http://img234.imageshack.us/img234/3756/emoticonsmilenz6.png');
background-repeat:no-repeat;
padding-left:20px;
border: solid 2px;
border-color: #000000;
}
En estas líneas de código, será donde podremos hacer todos los cambios posteriores.

Ahora añadimos class="searchBox" en el código de nuestro buscador, por ejemplo detrás de type="text":

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"class="searchBox"/><input id="search-btn" value="Buscar" type="submit"/></form>
Esto hace que nuestro buscador automáticamente se vea como le hemos indicado en el CSS, así:


Modificaciones:

Aquí se cambia el color de la caja de búsqueda:
background: #FFFF99;

En esta línea podemos cambiar la url de la imagen por la que queramos usar.
background-image:url('http://img234.imageshack.us/img234/3756/emoticonsmilenz6.png');

Aquí modificamos el color y ancho del borde de la caja, cuanto mayor sea el número de px, más ancho será el borde y viceversa.
border: solid 2px;
border-color: #000000;

¡Suerte! ;-)

0

Autoroll de Criteo

Hace un par de días recibía un email recomendándome un nuevo widget para el blog, me pareció una idea interesante, así que he decidido compartirlo en El Escaparate.

¿Qué es el Autoroll exactamente?
Autoroll es un blogroll de sus visitantes y lectores. Es un widget que muestra y anuncia los enlaces de los bitácoras que tus lectores suelen visitar.
Es muy sencillo y tendrás una visibilidad grande. Sirve para aumentar el tráfico y el número de lectores habituales y así crear una comunidad de blogueros que comparten las mismas aficiones. Dicho de otra manera, proponemos una lista de bitácoras con la que tienes rasgos comunes ( cultura informática, etc…) Algo como una sugerencia de sitios de alto interés para ti…
El AutoRoll te permitirá promocionar de manera sencilla tu bitácora dentro de la blogesfera.
¿Cómo funciona?
Seguimos el número de visitas de cada lector único que ha instalado el Autoroll. Por tanto, cuánto más visitas hace más afición tiene por este bitácora.
¿Cuales son las ventajas para ti?
Primero, vas a proponer a tus lectores un blogroll muy entretenido porque su contenido se apoyan en otros lectores con las mismas aficiones y costumbres de lectura. Además, atraerá un tráfico sumamente calificado hacia tu bitácora. En efecto, ya que otros bitácoras similares van a mostrar tu bitácora en su Autoroll, permitiría atraer nuevos lectores con un fuerte afición por el tema de tu bitácora.

Es gratis y rápido de descargar : 1 minuto basta, puedes descargarlo directamente en la página de Criteo.
Tienes la posibilidad de escoger sus colores, tamaño, tu imagen para mostrar en otros autorroll, número de links a mostrar, si los quieres mostrar con avatar o no, e incluso si quieres abrir los links en página aparte, con la facilidad de ir viendo como quedaría en "vista previa".
Una vez decidido el estilo del Autoroll, te proporcionan un sencillo código para pegar en un nuevo elemento HTML-Javascript.
Una vez instalado, hay que esperar unos días para que la aplicación empiece su trabajo.

Aqui tienes una presentación práctica del Autoroll de Criteo.

Además, puedes echar un vistazo al blog de la Uniòn de bloggers hispanos para ver lo que es un Autoroll ya instalado,(mientras el mio empieza a trabajar), está en la sidebar al final de la página.

0

Abrir los links externos en página nueva

Con este script conseguiremos que los links externos de nuestro blog, es decir, los que llevan a otras páginas fuera del blog, se abran en una ventana aparte.

Nos situaremos en la parte de editar el HTML de nuestra plantilla y, una vez allí, buscamos el </head>.
Justo encima colocamos este script:


<script language='javascript'>
var dominio = "www.tublog.blogspot.com";
var dominio1 = "tublog.blogspot.com";
var script = "javascript:void(0)";
var imagenesblogger0 = "bp0.blogger.com";
var imagenesblogger1 = "bp1.blogger.com";
var imagenesblogger2 = "bp2.blogger.com";
var imagenesblogger3 = "bp3.blogger.com";
var blogger1 = "www.blogger.com";
var blogger2 = "www2.blogger.com";
var publicidad = "pagead2.googlesyndication.com";
function LinksExternos() {
var Externo;
if (document.getElementsByTagName('a')) {
for (var i = 0; (Externo = document.getElementsByTagName('a')[i]); i++) {
if (

Externo.href.indexOf(dominio) == -1 &amp;&amp;
Externo.href.indexOf(dominio1) == -1 &amp;&amp;
Externo.href.indexOf(script) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger0) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger1) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger2) == -1 &amp;&amp;
Externo.href.indexOf(imagenesblogger3) == -1 &amp;&amp;
Externo.href.indexOf(publicidad) == -1 &amp;&amp;
Externo.href.indexOf(blogger1) == -1 &amp;&amp;
Externo.href.indexOf(blogger2) == -1

)
{
Externo.setAttribute('target', '_blank');
//Externo.setAttribute('class', 'linkexterno');
}
}
}
}
window.onload = function() {
LinksExternos();
}
</script>


Sustituimos en el código donde dice: "www.tublog.blogspot.com" y "tublog.blogspot.com" por la dirección de nuestro blog, fijándonos que va con y sin www:// respectivamente.

Visto en: Blog and Web

Nota

Si tenéis aplicado el menú en forma de pestañas, Blogger los interpreta como links externos y los abre en ventana aparte.

Si el código no os funciona tal cual lo copiáis de esta entrada, probad pegándolo antes en el blog de notas... Gracias a Graciela Vemtimiglia.

0

Iconos feed

Leonel me solicita a través de un email, si conozco la dirección de alguna web para descargar gratuitamente iconos para resaltar sus feeds.
Me he acordado de que en Zeus Box Studio tienen un pack de 34 iconos para feed en formato png y con dos tamaños: 32x32 pixeles y 16x16 pixeles, que están bastante bien...


Descargar el pack

0

Visitas en tiempo real con un botón

En whos.amung.us te proporcionan el código para colocar un botón en tu blog que muestra las visitas en tiempo real, sin necesidad de registrarte.


El código es este:

<a href="http://whos.amung.us/show/45gsm7xo"><img src="http://whos.amung.us/cwidget/45gsm7xo/00adef000000.png" alt="hit counter" width="81" height="29" border="0" /></a>


Y este es el resultado:

hit counter

Si queréis el botón de otro color, en la página de whos.amung también podéis escoger el color de fondo del botón y de los números del contador.