La Trucoteca de Blogs - Ayuda para Blogger

Cambiar el favicon del blog (Nuevo método)

2011-07-30T15:02:00.000+02:00

Visitando el otro día el blog de Jéssica, Diversas y Variadas, descubro que Blogger por fin (aunque realmente ya está desde hace semanas, quizas solo en Blogger en borrador) ha implementado una manera de configurar o cambiar el favicon del blog de forma mucho más rápida y sencilla, desde el propio panel de diseño, por lo que ya no es necesario tocar el HTML de la plantilla.

1. En primer lugar, nos dirigimos al apartado Diseño y ya podemos ver un nuevo elemento para configurar nuestro favicon (el pequeño icono representativo de nuestro sitio que suele aparecer en la barra de direcciones):

2. Pinchamos en Editar, y solo debemos seleccionar el icono que tengamos guardado en nuestro ordenador que deseemos y Guardar cambios. Al volver a visitar tu blog verás que ya aparece (quizás necesites borrar la caché o esperar unos minutos para verlo en tu navegador).

Al parecer, la imagen puede ser de cualquier tamaño y formato, aunque recomendamos que sea de unos 16px de ancho y de alto, y .ico para que se pueda visualizar correctamente en todos los navegadores. (Recomendado!: Puedes conseguir un montón de iconos en varios tamaños y formatos en Iconfinder.com)
Hemos comprobado que se visualiza correctamente en Internet Explorer (¡vaya logro!), Firefox, Chrome y Safari.

¡Feliz 2011!

2011-01-01T22:14:00.001+01:00

¡Y ya ha pasado un año más! Hace prácticamente un día despedimos el 2010 para dar comienzo a un nuevo año, el 2011, y a una nueva década. El año pasado sí publicamos algunas entraditas navideñas, pero este año (además de un par de meses sin apenas asomarnos) solo hemos podido escribiros esta pequeña felicitación por el nuevo año, debido a que estamos bastante ocupados entre los estudios (del instituto), y los servicios de diseño gráfico que a muchas personas estamos realizando.

Intentaremos no abandonar este blog (¡por supuesto que no!), y retomar nuestra actividad y nuestras publicaciones de forma un poco más regular (pese a que vayan a terminar nuestras vaciones otra vez), además de estrenar nuestro nuevo sitio web donde ofreceremos estos servicios de diseño y alojaremos nuestro blog para todas las entradas de trucos y consejos para blogs, diseño web y gráfico y cosas más variadas y personales, en un servidor propio, y probablemente mudándonos a Wordpress. Os esperamos dar la noticia de su inauguración lo antes posible, tras tenerlo todo perfectamente desarrollado, construido y diseñado (ya hemos empezado con las obras...) =)

¡Un fuerte abrazo y una muy feliz navidad y año nuevo!
Javier y Germán.

Novedades/noticias en el blog - Septiembre y Octubre

2010-10-30T22:27:00.002+02:00

1. Servicio de correo electrónico vencedor de la encuesta
Hace unas semanas terminó la encuesta en la que os preguntábamos: ¿Qué servicio de correo electrónico utilizas?
Este ha sido el resultado final:
1. Hotmail, 38 votos (61,3 %).
2. Gmail, 22 votos (35,5 %).
3. Otro servicio de correo electrónico, 3 votos (3,2 %).

2. Clausura de los Premios 20 Blogs 2010

El 8 de Octubre concluyeron los Premios 20 Blogs, en los que, Gem@ Blog y El Horno de María se alzaron con el galardón de Mejor blog por votación y el de Mejor blog elegido por el jurado, respectivamente.
Estos han sido los vencedores de las demás categorías:

Actualidad	Quien mucho abarca
Blogosfera	Lo que me toca los cojones
Blogueros por el mundo	Personas Comunes
Ciencia, Tecnología e Internet	Gem@ BLOG
Cine y Televisión	Cine más cómics
Cultura y Tendencias	Historias de la Historia
Deportes	Al Palo Largo
Economía	Esto no lo arregla ni su p*** madre
Gastronomía	El horno de Maria
Humor	Cuidado con los huevos
Medio ambiente	El ojo de Darwin
Moda	Viste Adecuadamente
Motor	Mi6cientos.blog
Multimedia y microblogs	COMO HACER MEJORES FOTOS SIN GRANDES CONOCIMIENTOS
Música	10 historias 10 canciones
Personal	The Greatest Hits - El blog de José R. González
Solidario	CUATRO PATITAS BUSCAN CASA
Tu ciudad	Mis fotos de Madrid
Viajes	Chinchetas en un mapa
Videojuegos	El Pixel Ilustre

Por nuestra parte, podemos decir que quedamos en la 9ª posición en la categoría de "Ciencia y Tecnología", con 17 votitos :)
Y por supuesto, queríamos dar las gracias a todos aquellos que se acercaron a valorar, comentar o incluso a votar nuestro blog en estos premios: el año que viene, ¡esperamos dar más guerra! :)
Finalmente, nuestra enhorabuena a los ganadores y ganadoras en cada una de las categorías, y, que mejor manera de terminar que viendo un pequeño reportaje digital de lo que acaeció el 20 de Octubre en la Gala de los Premios 20 Blogs 2010 en la Sala Orange de Madrid.

Pincha aquí para ver el vídeo

3. ¡Superamos los 200 seguidores!

Estamos muy contentos de anunciar que hemos superado la marca de 200 seguidores, y, ¡seguimos adelante!

Muchísimas gracias a todos por vuestro apoyo :)

Siguiendo con otros récords, hemos de decir que, de una vez por todas, hemos superado los 100 seguidores en Twitter.

Si aún no nos sigues, hazlo ahora pinchando aquí.

4. Visita nuestra página en Facebook
Desde hace un tiempo, disponemos de una página en "Feisbuk", que puedes visitar siguiendo este enlace.
También tiene su espacio en esta red social nuestro otro blog, La Trucoteca Design , y le puedes echar un vistazo pinchando aquí
¡Que las disfrutes!

Y hasta aquí nuestro pequeño repaso mensual de la actualidad bloguera y de La Trucoteca de Blogs, y, para terminar, queríamos comunicaros que durante las próximas semanas no podremos actualizar el contenido del blog muy a menudo, debido a motivos académicos y a un gran cambio relacionado con La Trucoteca y sus blogs, que estamos planificando y desarrollando durante estos días...
Pronto daremos a conocer más detalles sobre este nuevo proyecto :)

Saludos!!

Entrevista a La Trucoteca de Blogs en Blogtecnia

2010-09-19T20:52:00.001+02:00

Hoy, por fin hemos podido rellenar la entrevista que hace unos días nos envió Carlos Soler, de Blogtecnia, un blog que os recomendamos visitar, ya que allí podréis encontrar todo tipo de contenido muy interesante que va, desde programas y utilidades para el ordenador, pasando por curiosidades, humor gráfico, etc., hasta entradas informativas sobre cualquier tema relacionado con la tecnología que, sin duda, no os podéis perder ;)

Así que, sin más dilación, os pasamos el enlace al post de la entrevista:

http://www.blogtecnia.com/2010/09/entrevista-la-trucoteca-de-javier-y.html

¡Un saludo!

Botones oficiales de Twitter para compartir una entrada

2010-09-10T20:12:00.001+02:00

Hace unas semanas, Twitter presentó sus botones oficiales que permiten twittear cualquier entrada de un método sencillo.
No es tan fácil insertarlos y que funcionen satisfactoriamente, ya que no bastará con colocarlos de cualquier manera en la plantilla, sino que habrá que hacer uso de condicionales para que éstos se muestren únicamente en las entradas individuales y enlacen correctamente a ese post en Twitter (ya hemos visto varios blogs que cometen este error, y por tanto, hagas lo que hagas, el enlace dirige a la Página Principal, y no a una entrada específica).

Para ello vamos a seguir los pasos que tan bien nos explicaba Rosa en su blog

1º. Nos dirigimos a nuestra página de inicio de Twitter, y vamos a la parte inferior, donde debemos pinchar en "Extras", o vamos directamente a este link.

2º. En esa página, pinchamos en "Botón de Twittear".

3º. Escogemos uno de los 3 botones que más nos guste, escribimos más cuentas recomendadas para seguir aparte de la nuestra, que saldrá por defecto, si queremos, y finalmente, si ya está todo listo, podemos copiar el código que a continuación utilizaremos.

Ahora vamos a ver los pasos para configurarlo en las entradas de nuestro blog:

• Nos dirigimos a Diseño> Edición de HTML, y marcamos "Expandir plantillas de artilugios".

1º. Buscamos esta línea:

<div class='post-body entry-content'>

2º Añadimos este código debajo de esa parte, que incluye el condicional para que solo se muestre en cada página de entrada y por tanto, que el enlace sea el correcto a la hora de twittearlo:

<b:if cond="data:blog.pageType == "item"">
</b:if>
<div style="display: inline; float: right; margin-left: 15px;">
CODIGO DEL BOTÓN DE TWITTER</div>

... y sustituimos la parte de Azul por el código del botón que obtuvimos en la página de Twitter, ¡y ya está!, todo terminado.

¿Quieres ver como queda este botón? Puedes observarlo en cualquier entrada de La Trucoteca Design.

¡La Trucoteca de Blogs cumple un año!

2010-08-24T23:00:00.000+02:00

...y estamos muy, pero que muy contentos, porque llevamos un año entero, 365 días, disfrutando las fantásticas experiencias del mundo de la blogosfera (bueno, quizás un poquito más =D ), y compartiéndolas con vosotros, los lectores del blog, algunos más asíduos, y otros más forasteros...
Y es que sois, precisamente vosotros, los que nos hacéis disfrutar publicando distintas cosillas en éste blog, y los que nos mantenéis en él, así que, gracias, muchísimas gracias por esta maravillosa aventura que estamos viviendo, y que esperamos seguir viviendo durante varios años más, por lo menos ;)

Aquí seguiremos, poco a poco, y siempre que lo permita el tiempo (ay... el tiempo), actualizando el blog para que a cualquier visitante le resulte lo más útil posible, junto con nuestro otro blog La Trucoteca Design.
A lo largo del tiempo os daremos nuevas sorpresas con nuevos proyectos que tenemos en mente, y con un pequeño sorteo que esperamos poder realizar en los próximos días (ya avisaremos... =D).

De momento, aquí os hemos preparado una pequeña "historia" con capturas de La Trucoteca de Blogs, para que podáis ver como ha transcurrido a lo largo de tantos días (Click en las imágenes para aumentarlas):

Captura de Todo para Bloggers, blog anterior a La Trucoteca de Blogs (Prehistoria xD ) :

La Trucoteca de Blogs (Septiembre de 2009, inicios...). Obtenida gracias a "Blogs con Ñ":

Clic para agrandar.

Enero de 2010 (Gracias a Quierocrearunblog ;) )

Junio de 2010 (Gracias a Joaco)

Agosto de 2010 | Actualmente:

Esperamos que os haya gustado esta entrada especial por motivo de nuestro aniversario, os damos de nuevo las gracias a todos, y os mandamos un enorme abrazo de parte de Javier y Germán =)

Indexar una página web o blog en Bing

2010-08-17T17:23:00.004+02:00

Tras unas semanitas de descanso, y con las pilas bien cargadas, volvemos a publicar en el blog, esta vez, con un pequeño tutorial sobre cómo añadir/indexar una página web o blog en el buscador de Microsoft: Bing.

El funcionamiento de este buscador es parecido al que ofrece Google, aunque a la hora de agregar una página, la tarea se puede complicar un poco...
Estos son los pasos que debes seguir para indexar un sitio en Bing:

1. Nos dirigimos a la siguiente dirección: http://www.bing.com/webmaster/SubmitSitePage.aspx, donde nos aparecerá algo parecido a la siguiente imagen:

2. Introducimos el código captcha en el bloque marcado con rojo, y, a continuación (3), escribimos la url de la página que queremos indexar en el buscador.

Tras unos días (una semana aproximadamente), y si todo sale bien, ya podrás encontrar tu sitio en este buscador :)

(Casi) Cerrado por Vacaciones

2010-08-08T21:00:00.000+02:00

Como lo dice el título, nos vamos a tomar unas semanitas libres para descansar por fin en lo que queda de este mes de verano :)

Eso sí, seguiremos revisando y contestando a todos los mensajes y comentarios que nos lleguen, y estaremos al tanto de todo lo que suceda en los Premios 20 Blogs.

¡Saludos y que disfrutéis todos de unas buenas vacaciones también! =)

Menú horizontal simple con CSS (2)

2010-07-19T17:13:00.002+02:00

Hace unos meses os mostrábamos algunos menús que podíais agregar a vuestro blog de manera fácil y rápida: Menú Horizontal Simple y Menú vertical Simple.
Pues bien, hoy os volvemos a presentar un nuevo menú de navegación horizontal, un poquitín más complejo, pero muy sencillo de implementar.
Puedes ver un ejemplo en funcionamiento de éste menú aquí.

Para agregarlo solo debes seguir los siguientes pasos:

1. Añadimos un nuevo Elemento HTML encima de la zona de entradas y en él ponemos el siguiente código:

<div id="menuhorizontal">
<ul id="menuh">
   <li><a href="#">Inicio</a></li>
   <li><a href="#">Acerca De</a></li>
   <li><a href="#">Enlazar</a></li>
   <li><a href="#">Contacto</a></li>
   <li><a href="#">Aviso Legal</a></li>
</ul>
</div>
<style type="text/css">
#menuh {
    background: #333;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 50%;
}
#menuh li {
    float: left;
    font: 67.5% "Lucida Sans Unicode", "Trebuchet MS", Arial, Verdana;
    margin: 0;
    padding: 0;
}
#menuh a {
    background: #333 url(http://i825.photobucket.com/albums/zz180/latrucoteca/seperator.gif) bottom right no-repeat;
    color: #ccc;
    display: block;
    float: left;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    font-weight:normal;
}
#menuh a:hover {
    background: #2580a2 url(http://i825.photobucket.com/albums/zz180/latrucoteca/hover.gif) bottom center no-repeat;
    color: #fff;
    padding-bottom: 8px;
    }
</style>

2. Guardamos el Gadget y modificamos la siguiente parte, cambiando la almohadilla (#) por la url del enlace, y la parte en Rojo, por el texto que deseamos que aparezca en el menú:

   <li><a href="#">Inicio</a></li>
   <li><a href="#">Acerca De</a></li>
   <li><a href="#">Enlazar</a></li>
   <li><a href="#">Contacto</a></li>
   <li><a href="#">Aviso Legal</a></li>

3. También podemos agregar más botones al menú adjuntando una nueva línea de código después de las ya presentes:

<li><a href="#">Otro título más</a></li>

En caso de querer realizar esta última acción, es recomendable sustituir la cifra coloreada de verde (50%) por un número mayor.
Y de esta forma ya dispondremos de un elegante y vistoso menú en nuestro blog para mejorar así un poco su aspecto :)
Saludos!

¡¡¡ Ya están aquí los Premios 20 Blogs 2010 !!!

2010-07-17T18:00:00.006+02:00

Así es, ya están disponibles los Premios 20 Blogs del 2010, para poder inscribir tu blog y participar en el concurso. Nos enteramos hace tan solo un par de días (¡menos mal!) en el blog de Gem@, y al parecer el plazo de inscripción solo dura hasta mañana día 18. Quizás hayamos dado el aviso un poquito tarde, pero... ¡más vale tarde que nunca! :D.

Para inscribir un blog en el concurso (y para votar), primero hay que registrarse (tardarás un minuto), y a continuación puedes acudir a la sección de los Premios 20 Blogs, donde también encontrarás más información sobre dicho concurso.

Por cierto, La Trucoteca de Blogs ya está apuntada, nos puedes encontrar aquí, y La Trucoteca Design también, la puedes encontrar aquí.
Ya sabes que tu voto será muy bien recibido :) (puedes hacerlo a partir del 2 de Agosto)

¡Saludos y suerte con la participación!

Novedades/noticias en el blog - (Junio)

2010-07-03T19:22:00.000+02:00

1. Plataforma de creación de blogs vencedora de la encuesta.
Hace unas semanas os planteabamos la siguiente pregunta: ¿Qué plataforma de creación de blogs te gusta más?
Y el resultado final, no muy inesperado, ha sido el siguiente:
1. Blogger, 47 votos (92 %)
2. Wordpress, 4 votos (8 %)

Por otra parte, las demás opciones que ofrecíamos no han recibido ni un solo voto, por lo que queda demostrada de forma clara la hegemonía, principalmente, de Blogger y Wordpress, en el ámbito de la creación de blogs.

2. Nuevas opciones en Blogger:
Recientemente Blogger ha implementado algunas opciones:

2. 1. Marcadores sociales oficiales de Blogger para compartir entradas:
Hace unas semanas, Blogger comenzó a ofrecer la opción de colocar unos sencillos marcadores sociales, entre los que se encuentra "Twitter", "Facebook" o "Google Buzz", al final de las entradas para poder compartirlas.

Si quieres agregar estos botones solamente debes dirigirte a Diseño> Elementos de la página y pinchar en el enlace "Editar" de las Entradas del blog.
Una vez allí se te abrirá una ventana en la que podrás configurar esta y otras opciones ya presentes en Blogger desde hace meses.

2. 2. Nueva sección de "Estadísticas" en Blogger:
Sin duda ésta es una de las grandes novedades que ha agregado Blogger al panel de administración. Se trata de una sección exclusiva en la que se pueden visualizar estadísticas bastante detalladas sobre las visitas que recibe tu blog, palabras clave, país de procedencia de dichas visitas, etc.

Para explorar esta nueva opción solamente debes pinchar en la nueva pestaña que aparece en el panel de administración con el nombre de "Estadísticas".

Cómo guardar gadgets sin título en Blogger

2010-06-26T21:42:00.000+02:00

Estos días, si has ido a guardar cualquier gadget sin título, Blogger te habrá mandado un mensaje de alerta o error como éste:

Aún no se sabe exactamente a que se debe (puede ser por una nueva limitación de Blogger, o por un error temporal que impide guardarlo de esta forma), pero no te preocupes, porque esto tiene una solución muy fácil, y es guardar el gadget con el título:

<h2></h2>

De esta manera, podemos guardar cualquier elemento sin necesidad de añadir obligatoriamente algún título.

Agradecemos a Rosa, de El Escaparate, por ésta eficaz y rápida solución :)

*También puedes probar con la solución que ofrece El Potro en Ciudad Blogger , aunque de esta manera al parecer sigue mostrándose un espacio o zona en blanco equivalente a la franja que ocuparía el título.

¡Saludos!

Índice de entradas ordenado por fecha

2010-06-22T19:26:00.004+02:00

Ya vimos, gracias al truco que ofrecía El Potro, de Ciudad Blogger, cómo añadir un índice de entradas ordenado por categorías o etiquetas. Pues bien, en el siguiente post vamos a explicar cómo crear una lista de entradas ordenada por fecha.
Para ello, solo necesitamos crear una nueva entrada, y añadir el siguientes bloque de códigos en ella:

<script style="text/javascript" src="http://sites.google.com/site/latrucoteca/a/Indicefecha.js"></script>
<script src="http://aqui-la-direccion-de-tu-blog.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>

Simplemente debes cambiar el texto en rojo por el nombre de tu blog, y, si lo deseas, puedes alojar el script ( http://sites.google.com/site/latrucoteca/a/Indicefecha.js ) en un servidor propio.
Antes de publicar la entrada, es recomendable que en Opciones de entrada, en Establecer fecha y hora, pongamos una fecha anterior a la del primer post que tenemos, para que no se mezcle con los demás.
Siguiendo estos últimos pasos ya dispondrás de un bonito índice de entradas ordenado por fecha o actualización del contenido.

Saludos!

Redireccionar una página web o blog

2010-06-04T18:44:00.003+02:00

En esta entrada os explicaremos un truco muy sencillo y fácil de implementar en un blog o página web. Consiste en redireccionar automáticamente un sitio web, por lo que nos puede ser de muchísima utilidad si hemos modificado la dirección de éste, hemos cambiado de hosting, etc., y no queremos perder ningún visitante.

Para ello sólo necesitamos insertar este código antes de la etiqueta </head> :

<meta http-equiv="refresh" content="2;URL=http://url-de-la-pagina-web.com">

Tras esto solo necesitamos cambiar http://url-de-la-pagina-web.com por la dirección de nuestra página web o blog a donde redirija, y el número 2 por el número en segundos que pasaran antes de dirigir a la nueva dirección... ¡y ya lo tendremos todo listo!

Inauguración de La Trucoteca Design y concurso

2010-05-09T18:55:00.001+02:00

¡La Trucoteca Design ya está abierta al público!
Puedes visitar nuestra nueva página de Diseño Web y Gráfico aquí mismo:

Y para celebrar esta inauguración, nada mejor que un pequeño concurso:

1er PREMIO: Imagen promocional de 125x125 de tu blog en La Trucoteca de Blogs + Diseño de un exclusivo banner u otro recurso gráfico (cabecera, logotipo...) a elección del ganador.

2º PREMIO: Imagen promocional de 125x125 de tu blog en La Trucoteca de Blogs.

3er PREMIO: Diseño de un exclusivo banner u otro recurso gráfico (cabecera, logotipo...) a elección del ganador.

¿Cómo participar?
Solamente tienes que dejar un comentario en la siguiente entrada con tu nombre, la dirección de tu blog y una pequeña opinión sobre nuestro nuevo blog.
El concurso terminará cuando el número de participantes supere los 10, y si esto sucede, finalizará el 15 de Mayo.
Los ganadores serán conocidos el 16 de Mayo, y el sorteo se realizará mediante la página Random.org.

¡Ya han sido conocidos los ganadores! Click aquí

Suerte!

Entradas relacionadas con imagen

2010-05-09T12:44:00.000+02:00

Hace un tiempo agregamos en nuestro blog unos bloques de entradas relacionadas al final de cada post, gracias al truco ofrecido por Eduardo, de Pazos Blogger.

La verdad es que se trata de una opción muy interesante y sencilla de añadir en tu blog, así que a continuación te mostramos los pasos que debes seguir para conseguirlo:

1. Nos dirigimos a Diseño>Edición de HTML y expandimos los artilugios. Tras esto buscamos el código </head>, y encima pegamos lo siguiente:

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>

#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:20px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Segoe UI, Lucida Grande, Arial;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}

</style>

<script type='text/javascript'>
//<![CDATA[

//Script by Aneesh of www.bloggerplugins.org
//Released on August 19th August 2009
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
var thumburl = new Array();
function related_results_labels_thumbs(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}

catch (error){
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl[relatedTitlesNum]=d;} else thumburl[relatedTitlesNum]='http://i825.photobucket.com/albums/zz180/latrucoteca/Verentrada.png';

}

if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35)+"...";
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;

}
}
}
}
function removeRelatedDuplicates_thumbs() {
var tmp = new Array(0);
var tmp2 = new Array(0);
var tmp3 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains_thumbs(tmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;

}

function contains_thumbs(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels_thumbs() {
for(var i = 0; i < relatedUrls.length; i++)
{
if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i])))
{
relatedUrls.splice(i,1);
relatedTitles.splice(i,1);
thumburl.splice(i,1);

}
}

var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;

if(relatedTitles.length>0) document.write('<h2>'+relatedpoststitle+'</h2>');
document.write('<div style="clear: both;"/>');
while (i < relatedTitles.length && i < 20 && i<maxresults) {

document.write('<a style="text-decoration:none;padding:13px;float:left;');
if(i!=0) document.write('border-left:solid 0.5px #d4eaf2;"');
else document.write('"');
document.write(' href="' + relatedUrls[r] + '"><img style="width:72px;height:72px;border:0px;" src="'+thumburl[r]+'"/><br/><div style="width:72px;padding-left:3px;height:65px;border: 0pt none ; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal;">'+relatedTitles[r]+'</div></a>');

if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</div>');

}

//]]>
</script></b:if>

2. Después busca la siguiente parte:

<div class='post-footer-line post-footer-line-1'>

Y tras ello agrega el siguiente bloque:

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle="Entradas relacionadas";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

3. Por último puedes modificar la parte de rojo por el número de entradas relacionadas que desees que aparezcan, y ya tendrás disponibles estos interesantes elementos al final de cada entrada de tu blog.

Un saludo!

dar de alta en buscadores

Seguros generales

Novedades/noticias en el blog - (Abril)

2010-05-02T20:39:00.003+02:00

1. Sistema Operativo vencedor de la encuesta.
Como sabréis, hace poco os preguntábamos qué sistema operativo utilizais, pues bien, con una participación de 38 usuarios, los resultados han sido los siguientes:

1. Windows XP, 17 votos (44 %)
2. Windows Vista, 9 votos (23%)
3. Windows 7, 8 votos (21%)
4. Ubuntu (Linux), 3 votos (7%)
5. Mac OS X Leopard o Snow Leopard, 1 voto (2%)

2. La Trucoteca Design a punto de ver la luz
Como ya se mencionó en una entrada anterior, pronto daremos a conocer nuestro nuevo blog de Diseño Gráfico y Web, La Trucoteca - Design, página en la que hemos estado trabajando sin cesar más de 2 meses, tanto en el desarrollo del diseño como en el correcto funcionamiento de la misma.
¿Qué os podemos adelantar sobre el nuevo sitio?
Pues, os podemos decir que tiene una apariencia grunge, además de mostraros una pequeña captura de una parte de la cabecera:

¿Con ganas de ver más? Pues te informamos de que la inauguración oficial se producirá el Sábado 8 de Mayo, y ya sabes que estás invitado.

Y otro dato más: en el mismo día de su apertura realizaremos un pequeño sorteo con algunos premios relacionados con publicidad en esta página, La Trucoteca de Blogs :)

3. Premio "Vale la Pena".
Hace unos días recibimos de parte de Jéssicca, de Diversas&Variadas, el premio "Vale la pena", iniciado anteriormente por Oskar, de El Mirador.

Desde aquí queríamos agradecer enormemente este privilegio, y, siguiendo con la cadena de otorgamientos, queríamos presentar la lista de otros 10 aúténticos blogueros, así como sus respectivos blogs :)

Juanma - JuanmaTM Blog
Juan Ceñal - 10 Historias 10 Canciones
Carlos Soler - Blogtecnia
María Rosa - Blog del Dr. Miguel Ángel Golia
Juan - Quiero Crear un Blog
El Potro - Ciudad Blogger
Malina - ConectaBlog
Chicken - Halo Ce
Cari y Yoly - El Ángel de Cari
Vku - Lo sé así

La verdad es que nos faltarían otros 20 estupendos blogueros más, pero, como la lista debe de ser de la cifra expuesta, esperamos haber sido lo más justos posible. Ya sabéis que los elegidos podeis hablar sobre el premio en vuestro propio blog, y continuar de esta forma con la cadena :)

¡Saludos!

Páginas para acortar direcciones url

2010-04-24T00:21:00.005+02:00

Seguro que muchos de vosotros utilizáis algun servicio como Twitter o Facebook, en el que se permite un máximo de caracteres para escribir un mensaje o un comentario, así que una pequeña lista de páginas webs para acortar/reducir una url o dirección web os pueden ser de mucha utilidad:

1. Bit.ly
Esta es una de las páginas más conocidas para acortar direcciones web, con un sistema muy sencillo e intuitivo:

Características:
- Da la opción de personalizar la url con la palabra que deseemos.
- También ofrece otras herramientas, como algunas extensiones para los navegadores, etc.

2. Goo.gl
Hace unas semanas, Google presentaba un nuevo servicio para acortar las url's: "Goo.gl".
Puedes reducir tu dirección de varias formas:

1. Con la extensión de Google para Firefox:
Simplemente descargas este "addon" , y, una vez instalado, te diriges a la barra superior del navegador Mozilla y pinchas en Ver>Barra de herramientas>Personalizar y buscas algo parecido a "Goo.gl". Tras hallarlo, lo arrastras hacia el menú donde se encuentran las pestañas de Archivo, Editar, etc, y ahora solamente tendrás que pulsar el botón para transformar la dirección.

2. De forma on-line a través de una web.
Un sistema muy parecido al que ofrece la página Bit.ly, pero que neste caso ofrece un resultado diferente es la siguiente:
Gaigalas.net
Simplemente introduces la url y en un instante la convierte en un enlace Goo.gl

3. Pulsa.me
Otra página que ofrece el servicio de acortar url's, que, según nuestra opinión, es facilísmo de entender y utilizar. Introducimos nuestra dirección original, y, tras colocar el código "captcha", ya tendremos preparado el nuevo enlace.
Visita la página aquí: Pulsa.me

4. Aurl.es
Un sistema bien parecido al anterior, aunque quizás con un entorno gráfico mucho más moderno y eficaz.
También ofrece otras opciones: Unificar URL's, Filtro anti-spam (bastante interesante), etc.

Otros sistemas:
Recientemente Twitter ha agregado la opción de reducir una url (twt.tl), y ahora Yahoo también se ha sumado a la lista con Y.ahoo.it, aunque aún no están del todo definidas ni disponibles. También existen otras que no hemos citado como is.gd , tinyurl.com, etc.

Saludos!

Actualización Pagerank - Abril 2010

2010-04-05T00:32:00.004+02:00

Si te has fijado en el PageRank de Google durante las últimas horas, habrás podido comprobar una ligera variación de esa cifra en diversas páginas de la red. Esto es debido a la actualización producida el Sábado 3 de Abril.

Estas renovaciones se realizan aproximadamente cada 3 o 4 meses.
Si quieres saber un poco más sobre el PageRank de Google, te recomendamos que visites esta entrada realizada anteriormente. Si lo que deseas es comprabar el Pagerank actual de tu página, puedes hacerlo en Pagerankchecker.info (uno de los pocos que tiene las cifras actualizadas).
Además, La Trucoteca de Blogs ha alcanzado un PageRank de 4 sobre 10.

Y a ti, ¿qué tal te ha ido? =)

Super Screenshot - Realiza capturas de tu página fácilmente.

2010-03-31T12:43:00.013+02:00

Super Screenshot es una página web que permite realizar fácil y rápidamente una captura de una página web, blog, etc.

Tan solo hay que ingresar la URL de la página que queramos y ya tendremos disponible su captura.

Pueden elegirse, más tarde, diversas opciones:

Capturar página completa o parte superior.
Tamaño de la captura.
Calidad y formato de imagen (JPEG o PNG), etc.

Después de escoger algunas de esas preferencias, hay que pinchar en View Screenshot, y tras esto, ya dispondremos de nuestro propio "screenshot" de la página que deseemos :)

Minimiza el espacio de un gadget de tu blog (1)

2010-03-30T18:43:00.001+02:00

Si quieres ahorrar espacio en tu blog, ocultando algunos elementos de él, este truco de El Escaparate de Rosa te vendrá muy bien.

Siguiendo un método sencillo pero muy eficaz, podemos mantener oculto un gadget y ofrecer la opción de que el visitante lo maximice. Puedes ver un ejemplo en este blog de pruebas.
Hemos cambiado y modificado algunas cosas del truco original. Éstos son los pasos:

1. Nos dirigimos a Diseño > Edición de HTML de la plantilla y Expandimos artilugios.
En éste caso vamos a buscar una lista de enlaces (como deseaba Seashell), aunque el procedimiento es el mismo para cualquier elemento (Texto, HTML, Archivo del Blog...). Localizamos el gadget buscando su título (Ctrl + F), por ejemplo, Enlaces o Lista de Enlaces, etc., y añadimos en el lugar correspondiente la parte de rojo.

<b:widget id='LinkList1' locked='false' title='Enlaces' type='LinkList'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="javascript:void(0)" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left;margin-right:6px;">');
//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[
document.write('<\/a>');
//]]>
</script>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

2. También podemos sustituir los caracteres [+/-] por los que deseemos, por ejemplo:

↑↓ ⇅ ⇕ △▽ ▼

(Recuerda que algunos puede que no se vean correctamente en determinados ordenadores)

3. Por último, también puedes colocar una imagen en lugar de símbolos. Para ello, sustituimos [+/-] por <img src="AQUI-LA-URL-DE-LA-IMAGEN"/>

Además, en próximas entradas, os mostraremos otras formas de expandir y contraer elementos en Blogger, siguiendo otros procedimientos.

Novedades/noticias en el blog - (Marzo)

2010-03-27T00:20:00.003+01:00

1. ¡Ya tenemos Foro!

¡La Trucoteca de Blogs (La Trucoteca) ya tiene foro!
Gracias al servicio que ofrece ForoActivo, una página de creación de foros gratuita, hemos podido inaugurar un nuevo proyecto, que, esperamos sea de gran ayuda para todos los blogueros e internautas de la red.

La Trucoteca - Foro

Así que, ¡¿a qué esperas?! Regístrate cuanto antes en nuestra nueva comunidad y benefíciate de las ventajas de formar parte de éste foro en el que podrás comentar al instante cualquier duda, sugerencia o problema que tengas, y plantearlo a todos los demás usuarios y miembros.
Solo tienes que seguir unos sencillos y rápidos pasos para hacerlo ;)
Además de Ayuda Para Blogger, también hay otros espacios dedicados a temas tan diversos como la Informática y la Tecnología, el Diseño Gráfico y Web, Deporte, Entretenimiento, Curiosidades, Música, etc.

2. Buscador vencedor de la encuesta.

Hace unos días os preguntábamos que buscador utilizábais. Pues bien, los resultados han sido clarísimos:
Google, 40 votos (97 %) y la opción "Otro", 1 voto, (2 %).

Cabe destacar que la encuesta ha vuelto a tener una notable participación ;)
Y os preguntareis... ¿Dónde está el 1 % que falta...? o ¿ese "Otro" a cual se refiere? =)

3. Encuéntranos en Youtube, Facebook y Deviantart.

Ya disponemos de un perfil en Youtube, Facebook, y, aunque ya existe desde hace un tiempo, en Deviantart, donde publicamos algunas de nuestras creaciones de Diseño Gráfico y Web.

4. Nueva sección en La Trucoteca de Blogs.

Desde hoy ya puedes visitar la sección "Acerca de" añadida al menú superior del blog, con la cuál podrás saber un poquito más sobre el blog y sus autores :)
Visita ahora la sección "Acerca de".

¡Saludos y feliz semana Santa!

Todo sobre el PageRank

2010-03-20T20:50:00.005+01:00

¿Qué es el PageRank?

Como ya sabrás, el PageRank es una marca registrada de Google. Representa, mediante un valor numérico, la importancia apróximada de una web o blog en la red.
Esta cifra, comprendida del 0 al 10, está determinada en gran parte al número de enlaces que en otros sitios existan de nosotros, así como de los presentes en nuestra página (a excepción de los llamados "link-farm").
Estos son algunos de los sitios con un mayor PageRank del mundo:

PageRank 10

Google.com

CNN.com

Adobe.com

USA.gov

W3.org

PageRank 9

Blogger.com
eBay.com
Flickr.com
Linux.com
Mozilla.org
Opera.com
en.wikipedia.org
WordPress.org
Yahoo.com

¿Cada cuánto actualiza Google el PageRank?

Aunque no hay medidas exactas establecidas para estas actualizaciones, todo indica que se realizan cada 3 o 4 meses.
La última renovacion de PageRank fue realizada en Diciembre de 2009.

¿Cómo saber el PageRank de una web?

Para ello hay infinidad de páginas web que ofrecen este servicio, como, por ejemplo, Mi PageRank, PageRank Checker, etc.
También puedes agregar, siguiendo los pasos que dimos anteriormente en una entrada, un botón para que tus visitantes conozcan el PageRank de tu blog.

¿Qué puedo hacer para aumentar mi PageRank?

Sabiendo que uno de los factores imprescindibles para subir el PageRank son los enlaces, es preciso seguir algunos consejos:

-Intercambiar enlaces con otras páginas: Registrando nuestro sitio en directorios, agregando webs en nuestro BlogRoll, participando en Faviconeras, etc.
Cuánto mayor sea el PageRank de las páginas que te enlazan, más posibilidades tendrás de subir de PageRank.

-Publicitar nuestra página mediante las Redes Sociales: Creando perfiles que representen a nuestro blog, ofreciendo marcadores sociales al final de nuestras entradas, etc.

-Participar en foros, a la vez que se deja la Url de nuestra página en la firma.

-Eliminar la etiqueta rel=”nofollow” de nuestro blog.

-Unirse a iniciativas de otros Bloggers, dejando comentarios respetuosos en otros blogs, etc.

¿Qué no debo hacer si quiero subir mi PageRank?

-Uno de los factores más atacados por parte de Google son los llamados "Farm-Links" o Granjas de Links en Castellano, que vienen a ser enlaces sin importancia para el usuario, pero que el gran buscador debería tener en cuenta, lo que desencadenaría un aumento del PageRank.
Esto ya no es así, debido a la atención que ha puesto Google sobre estos links, que son, en ocasiones, penalizados.
Por lo tanto, se puede deducir que los "Farm-Links" no son una buena iniciativa, y, que, aunque en un principio puedan ser beneficiosos, al final acaban perjudicando a la página que haya realizado dicha estrategia.

Imagen que se ilumina utilizando JQuery

2010-03-19T23:59:00.001+01:00

Siguiendo unos sencillos pasos, se puede conseguir un efecto realmente increible, con el cual podremos lograr que al pasar el cursor sobre una imagen (en este caso un boton de RSS) esta se ilumine o recupere su color original.

Puedes ver el ejemplo en nuestro blog de pruebas, en el boton grande de RSS.
Es imprescindible tener dos imágenes: una en blanco y negro (con el Modo Escala de Grises en Photoshop, por ejemplo), y otra en color.
En primer lugar, debemos aplicar el script JQuery en nuestra plantilla; para ello nos dirigiremos a Diseño>Edición de HTML y añadimos antes de </head> el siguiente bloque:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
<script src='http://sites.google.com/site/latrucoteca/a/fade-desvanecimiento%5B1%5D.js' type='text/javascript'/>

ATENCIÓN! La parte en azul incluye el Script de JQuery, es decir, si ya lo tienes integrado en tu plantilla no hace falta que lo vuelvas a poner. En este caso solo debes agregar la segunda parte.

2. Coloca antes de la etiqueta ]]></b:skin>el siguiente código:

#rss {
width:300px;
height:225px;
margin:auto;
position:relative;
display:block;}
#rss a{
background-image:url(http://i825.photobucket.com/albums/zz180/latrucoteca/rss_bw-300x225.png);
background-repeat: no-repeat;
position:relative;
display:block;
width:300px;
height:225px;
}
#rss span.hover{
width:300px;
height:225px;
background-image:url(http://i825.photobucket.com/albums/zz180/latrucoteca/rss-300x225.png);
background-repeat: no-repeat;
position:relative;
display:block;
}

*Puedes cambiar el id (coloreado en azul) por el nombre que desees, pero recuerda que también deberás cambiar por el mismo nombre el que se encuentra establecido en el script del efecto, por lo que tendrías que editarlo y subirlo de nuevo (o no funcionaría).
También puedes cambiar las URL de las imagenes (primera, blanco y negro; segunda, con color), y los height y width, que deben encajar con las dimensiones de la imagen.

3. Ahora, Guarda los cambios, y añade este código en un nuevo elemento HTML:

<div id="rss"><a href="#" title="Titulo"></a></div>

Por último, puedes cambiar el id, si has decidido hacerlo en los pasos anteriores, y por supuesto el # por la URL del enlace, y Titulo, por el texto que saldrá al pasar el cursor por encima.

4. Guarda el gadget, y ya dispondrás de un magnífico efecto en tu blog (¡Por fin!)

Recuerda que si quieres este efecto, por encima de todo, lo que se necesita es el Script de JQuery, que causa conflictos con Scriptaculous, por lo que no os recomendamos tener los dos a la vez (a no ser que quieras probar la solución de Banaka Banaka!).

Visto en Pazos Blogger, gracias a Design-Notes.

Permitir mostrar todas las entradas

2010-03-06T19:29:00.008+01:00

Con una sencilla dirección podremos ofrecer a los visitantes la opción de ver todas las entradas de nuestro blog.

Lo único que debemos hacer es añadir el siguiente código en un Elemento HTML de tu blog:

<a href="http://AQUÍ-LA-DIRECCIÓN-DE-TU-BLOG.blogspot.com/search/label/?max-results=999">AQUÍ-EL-TÍTULO-DESEADO</a>

Si queremos complicarlo un poco, y agregar una imagen en lugar de una palabra, colocaremos lo siguiente:

<a href="http://AQUÍ-LA-DIRECCIÓN-DE-TU-BLOG.blogspot.com/search/label/?max-results=999"><img title="TÍTULO-DE-LA-IMAGEN" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibVkvLo4R_vg_cK2DBRR-1SvdCysmplRryUoHBBLJ-ifqKZd9wvl7HGswzyF0oJ1g_jsdeWMA1D6wzn6CJZWHtaBOEGrXkgZpMpDo-ATkuRaBLNXNWGmws0O7t1cyRRv4FvGqD8nmUEQ/"/></a>

Esperamos que os sirva :)