Pon un índice de entradas en tu blog

Gracias a este sencillo truco, realizado inicialmente por El Potro, de Ciudad Blogger, podemos añadir un Índice o Sitemap en el blog. Puedes ver el resultado en La Trucoteca de Blogs, pinchando aquí.
Para ello, solo vamos a necesitar crear una nueva entrada, y añadir los códigos correspondientes:

1. Añadimos éste código (lo copiamos y lo pegamos en la entrada, en la Edición de HTML):

<script style="text/javascript" src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/tableindex.js"></script>
<script src="http://aqui-la-direccion-de-tu-blog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

1.2 Cambiamos aqui-la-direccion-de-tu-blog por la correspondiente.
1.3. No es necesario, pero si queremos, podemos guardar el Script en nuestro ordenador y más tarde alojarlo en un servidor propio.
1.4. Antes de publicar la entrada, es recomendable que en Opciones de entrada, en Establecer fecha y hora, pongamos una fecha anterior a la de la primera entrada que tenemos, para que no se mezcle entre las demás.

2. Tras pegar el código y cambiar la fecha, Publicamos la entrada, y ya podemos disfrutar de un índice/sitemap de gran calidad, que nos permite mantener ordenadas todas las entradas organizadas por etiquetas.
Además, el script lleva incrustado un sistema que marca, dentro de dicho índice, las últimas entradas con la palabra Nuevo!
Un truco muy útil y fácil para nuestro blog :)

¡Suerte!

Añadir marcadores sociales en tu blog

Hace un tiempo vimos en El Balcon de Jaime una entrada sobre como aplicar unos marcadores sociales en tu blog, para permitir a los usuarios compartir las entradas en diferentes páginas como Facebook, Technorati, Delicious, Twitter, Digg, etc.
Pues bien, nos pareció muy interesante, así que vamos a explicarlo para aquel que quiera conseguirlo.

Vamos a Diseño> Edición de HTML de la plantilla y expandimos artilugios:

Ahora buscamos esta linea (Ctrl+F):

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

Debajo de esa línea, añade lo siguiente:

<b>Compartir:</b>

<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Technorati'><img alt='Agregar a Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhTWbrpM_jWy4vuO9Dsr_n52Xo5G4wRTn9p9bWBXJh0RtVoMwU7RVI8htQy8Cl1B_yuadsle2YLcQkI3prTLucnxfKFwcYruosLCvIPPti4jUjjj912ojgA1ljwsX3bL9dKsXZh2AbPr4/s1600-r/technorati.gif'/></a>

<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Twittealo'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhML1ycd5EKwwksryNVQObNe2tdrCl9B1iW8Kttzk_aHGo3zb7VghPKmxONyBRmk36aI1edDbeRqWJTy8XPc3woD1eGg36w68wUOrUPcddC804akkqwNAVpzX7TC0JuS_xMe7T0He5b5Z8/s1600-r/twitter.png'/></a>

<a expr:href='&quot;http://bitacoras.com/votar/anotacion/externo/mini/&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Bitácoras.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVXVSztK0I76dUH5aFDHl_v2PcpOO14sxczfXlVghRe-Ii8i3AlAl72BQAFCn0xrzyk1VmYqiXPeF3Ofh8R9trXr8fgYPRz5zwlEYTkcnoOLgg9qzw04ve90_q91y1xxRHcoPc66cUWKI/s1600-r/bitacoras.png'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Reddit'><img alt='Agregar a Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgMDlknqkz42MAIsEEoHdAAaezYulSZhBdcih5Ce0M-RnI8YVQFHUUehDfakZfi6Qr9FB3xQi89kFcgbQD6uPSGdx4P_3-4fVb1ewEhxGmghHazN_jGiYKCfkRaYw_UB4R5RF3YtdNlp4/s1600-r/reddit.png'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Del.icio.us'><img alt='Agregar a Del.icio.us' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEYmfa5wZtc3nRbTT5wXfzG-pGaQcgH9bznSOibvsWJ6nX7bV4aYodMtUP4mK9bScyS6-NndZEpQpnKDz2-mWskoUQz5M6fZXZmEoTF8KqXK-h6-saB4HG6KqmWxeMsWnjr93CBhKS2Tg/s1600-r/delicious.gif'/></a>

<a expr:href='&quot;http://digg.com/submit?phase=2&amp;amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a DiggIt!'><img alt='Agregar a DiggIt!' src='http://img171.imageshack.us/img171/8971/digg.png'/></a>

<a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Blinklist'><img alt='Agregar a Blinklist' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_XBK-Ej5nWntL715QxiNL8pnZyCVlUNIns9rzcozF38KVoO41Sva6ejGluUc3OFkaIXeonPgCQqndFgZZ64OEpE098RRQKmG6KJYFY7Sjf8prC2Cj3PdE0iQfNY4KU1QGUDdvFFwHKYM/s1600-r/blinklist.png'/></a>

<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Google'><img alt='Agregar a Google' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghko1scPBssr3f6PI0iFWwD2eUhtg0IpWYwO0mRQ2LzPmyjVz6ArGv5R1rPXyBdH9s7qoUmDsOkbDwTLdakZQkNsiOeBWrSu5bL4KkzLoYOWWZowyduE2em2hrbHa9Q8EL_-Jae8kpsvQ/s1600-r/Google.png'/></a>

<a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDqtW6KBEd_rGwgx38K6Ntj2qgH_OXW4tGMfeyHVk6yC6IcRqRASM-y6Z0wOX3luPO6B_4QQmpWXw8l4sjC3jPEo9GzQKGKgIRGO1ZRo0SSU5Y7zgQeAg7UwtACLN-gEN15bcRUXUBvQc/s1600-r/facebook.png'/></a>

<a expr:href='&quot;http://meneame.net/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Meneame'><img alt='Agregar a Meneame' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuulIM99k8-wVGRsvg29lG_FVcGLtakmwJjKwcM3iffLALaugWw_Larb_EyFpYFHyMRwIbt9gRkmLvXDhaEK65DYJumlwAEULCEK9cJVVEoN6qx92VkaEsQnHhHEZ16ztpyzlXEaN8ANI/s1600-r/meneame.gif'/></a>

Y si todo ha salido bien, Guardamos Cambios, y el resultado debería ser este:

Saludos!!!

¡¡La Trucoteca de Blogs alcanza los 50 seguidores!!

El día 16 de Noviembre de 2009, La Trucoteca de Blogs alcanzó la cifra de 50 seguidores.

Así pues, desde su nacimiento el 3 de Junio, entonces con el nombre de "Todo para Bloggers",  hasta ahora, con el nombre de "La Trucoteca de Blogs",  y para agradecerles ese valiosísimo gesto, estas han sido las personas que han confiado en el blog, así como hecho el mejor desarrollo del mismo:

1. El Toco - Cagua
2. Orlando Colina - EducarWeb
3. Misaani - Mi Rincón
4. Yaritza Fontanez - Historia General del Hombre
5. Ismael
6. Gabriela Maiorano - Gabriela Maiorano
7. Helen Maran - Meditaciones en el Mar Rojo
8. Fabian - Soft Desatendido
9. Ichigo Rafael - Animaco Fansub
10. Raymond - Perreo Criminal
11. Yabe - Arcoiris de Belleza
12. Orietta - Hilos y Matices
13. BlogsConEñe - Blogs Con Eñe
14. BanakaBanaka - BanakaBanaka!!Blog
15. Alexis - Grand Slam
16. Reina - Reina
17. Carlos R. - Un motero solitario
18. Archeneros - Archeneros.com
19. Juanma™ - Juanma™
20. Un Perro - Jauria de Perros
21. Veto Kusak - ¿Cómo se hace...?
22. Sieento - Sieento
23. Luis Jesús - Astaroth
24. Viajera - Un viaje a todas partes......
25. Titaniii - Arca Mineral
26. Vaka - Series Vakunas
27. Sara - Elixir para Olvidar
28. Angeles Diaz
29. Maria Rosa - Blog del Dr. Miguel Angel Golia
30. Yoly y Cari - El Ángel de Cari
31. Sergi - Mis recursos en Blogger
32. Piedra1959
33. Ascesino96 - Directorio Tucan
34. Guillermo Vanegas
35. El Duende Urbano - El Duende Urbano
36. María - ¡Mari Viva!
37. Rafo - Barrio Sarita
38. Ordago13 - 10 historias 10 canciones
39. Xtremex
40. вℓєѕтαиgєℓℓα - Mi blog
41. вℓєѕтαиgєℓℓα - ¢υяισѕι∂α∂єѕ
42. Julieta Gallardo - [E-> mi droga preferida ante tanta cocaina universal
43. Felix Casanova
44. Christian García
45. Reyes
46. Eddie Piche
47. Rodrigo Rodriguez
48. 555aron  - Tecompu


Saludos!

8 texturas de papel de alta calidad de "Theshoreways" para tu blog:

Aquí os presentamos unas texturas realizadas con papel, hojas arrugadas,... todo ello por el administrador de la web de diseño visual  Theshoreways
(Las imágenes que vamos a mostrar a continuación son de propiedad del autor, con licencia C.C., aunque nos permite usarlas gratuitamente)
En fin, unos fondos que pueden quedar muy bien en tu blog si eres partidario del estilo "Grunge".

1. Para poner alguno de estos fondos en tu página solo tienes que añadir lo siguiente despues de body {  , en Edicion de HTML de tu plantilla :

background-image: url(Url-de-la-imagen) repeat-LETRA;

2. En LETRA podemos poner:  x (repeat-x)si queremos que la imagen se repita horizontalmente, o y (repeat-y)si queremos que la imagen se repita verticalmente.
También puedes NO PONER NADA, y la imagen cubrirá todo el blog
Quedaría asi: background-image: url(Url-de-la-imagen);  simplemente.

Recuerda: debes copiar exactamente la sección de letras que te hemos indicado, sin que quede ningún espacio más.
Después, Guardamos Cambios :)

Aquí las imágenes en acción:

Papel 1

Enlace

Papel 2

Enlace

Papel 3

Enlace

Papel 4

Enlace

Papel 5

Enlace

Añadir fondo a un gadget:

Añadiendo unos cuantos codigos a nuestra plantilla vamos a conseguir agregar un fondo a un Elemento/Gadget de la sidebar o de cualquier otra parte del blog.
El fondo puede ser una imagen o un color en particular.

En este blog se puede apreciar claramente como algunos elementos de la sidebar disponen de una imagen como fondo: solo tienes que expandir, por ejemplo, el etiquetador o el archivador.

1. Nos dirigimos a Diseño>Edicion de HTML y Expandimos Artilugios

Debes de tener claro cual va a ser el elemento al que queremos añadir un fondo. Por ejemplo, si quieres agregarselo al Archivo del Blog, tienes que encontrar este codigo (recuerda expandir artilugios y buscar con Ctrl+F):

<b:widget id='BlogArchive1' locked='false' title='Archivador' type='BlogArchive'>

2. Ahora tienes que copiar el id del elemento, que en este caso seria BlogArchive1, y colocarlo con este codigo:

ATENCIÓN: Este codigo lo pondremos encima de ]]></b:skin>

#BlogArchive1{
background: #000000; 
}

3. Debes cambiar  000000, que en este caso corresponde al color negro, por el que tu quieras.

• El fondo de este gadget sería de color NEGRO, pero, como ya he dicho, puedes cambiarlo por el que tu quieras. Puedes utilizar la siguiente página para obtener el código hexadecimal del color que prefieras.

■ Para agregar de fondo una imagen debes de hacer lo mismo que en el paso anterior, pero poniendo este codigo:

ATENCIÓN: Este codigo lo pondremos también encima de ]]></b:skin>

#BlogArchive1{
background: url(URL-DE-TU-IMAGEN) ;
}

Solo tienes que cambiar URL-DE-TU-IMAGEN, por la correspondiente.

Y si todo se ha hecho correctamente, GUARDAMOS CAMBIOS :)

Saludos!!!

Diseño para tu blog en La Trucoteca Design

 ATENCIÓN: Ahora, estos contenidos se desarrollarán en el nuevo blog La Trucoteca Design.