blogsmadeinspain

Alojar imágenes en tu propia cuenta de Blogger

2012-05-21T21:12:00.001+02:00

Una de las consultas que más he recibido a lo largo de los años que llevo con Blogsmadeinspain es dónde alojar las imágenes que usáis en vuestros blogs y cómo saber la ruta URL completa de esa imagen alojada.
Mi recomendación desde hace mucho tiempo siempre ha sido la misma… Alojar todas las imágenes en tu propia cuenta de Blogger.
A continuación os explicaré cómo alojar cualquier imagen en vuestra cuenta de Blogger y cómo saber la ruta URL completa de la imagen alojada, que podréis usar para lo que queráis.

Seguid estos pasos:

Leer completo...[+/-]

1.- En el Administrador de tu blog de Blogger, pincha sobre el nombre de tu blog, vete a “Entradas” y pincha sobre “Entrada nueva”. Vas a crear una entrada nueva, no hace falta que le pongas ningún título. Pero sí es muy importante que nunca le des a “Publicar”, solo debes “Guardar”.

2.- En la página “Estilo de la entrada” que estás, vete a la pestaña “Redactar” y pincha sobre el icono que está a la derecha de “Enlace”, un pequeño cuadradito que al poner el ratón encima aparece “Insertar Imagen”. Se abrirá una pequeña ventana titulada “Seleccionar un archivo”, pincha en el botón “Examinar” y busca en tu ordenador la imagen que quieres alojar en Blogger.

Cuando la hayas encontrado, dale a “Abrir”.

3.- Tras unos momentos de espera, se te activará el botón inferior “Añadir las imágenes seleccionadas”. Pincha sobre él y volverás entonces a página “Estilo de la entrada”. Pero podrás ver que se ha insertado en la entrada nueva que creaste la imagen que tú has subido.

Pues bien, pincha ahora en la pestaña “Edición de html” y verás que aparece un código html parecido a esto:

Os he marcado en color azul la ruta que nos interesa. Esta primera ruta que aparece es la ruta URL completa de la imagen alojada, que podéis usar donde la necesitéis.

Colocar imagen de fondo a una entrada

2012-04-25T18:00:00.004+02:00

Si queremos resaltar alguna de nuestras entradas sobre las demás, una buena solución sería colocarle una imagen de fondo o simplemente un color diferente al de nuestro blog.
Esto es muy fácil de realizar con un pequeño código html en la entrada de que se trate. Y podéis conseguir resultados tan espectaculares como el que podéis ver en esta propia entrada.

Para ello, antes de nada redactar la entrada. Una vez escrita, pinchar en el editor de entradas en la pestaña “Html” y colocar justo arriba del todo, al principio de la edición html de la entrada, este código:

Y justo al final de todo el código de la entrada, este otro pequeño código de cierre:

</div>

Solo tenéis que personalizar lo que os he marcado en color azul en el primer código, la dirección URL completa de la imagen alojada por vosotros y la separación en píxeles a los bordes de la entrada.

Si solo queréis colocar un color de fondo, y no una imagen, sustituir el primer código por este otro:

Y colocar el código hex del color que os guste, en sustitución de #ffffff

Colocar la Navbar o barra de navegación de Blogger en la parte inferior

2012-04-23T16:37:00.000+02:00

A menudo se colocan en la parte superior de los blogs menús de pestañas o barras de navegación propias, pero no se quiere eliminar la barra de navegación que Blogger tiene por defecto.
Una buena solución para esos casos es colocar la navbar estándar de Blogger en la parte inferior de la pantalla, de forma fija.

De esa forma conseguimos que la atención de nuestras visitas se centre en nuestra navbar o menú de la parte superior, pero seguimos manteniendo la navbar estándar. Esto es muy fácil de hacer. Simplemente hay que colocar este pequeño código justo antes de ]]></b:skin>

#navbar-iframe { right: 0px; bottom: 0px; left: 0px; position: fixed; }

También os comento que casi en la totalidad de las plantillas Blogger diseñadas por mí, elimino la navbar estándar de Blogger. Si queréis hacer el truco anterior, primero tenéis que eliminar esta línea de código que podréis encontrar antes de ]]></b:skin>

#navbar-iframe { height:0px; visibility:hidden; display:none }

Gadget Contador de entradas, comentarios y días online de tu blog

2012-04-19T20:31:00.008+02:00

Blogsmadeinspain os ha diseñado este útil gadget. Se trata de un contador de entradas, comentarios y días online para vuestro blog.
Con él podéis informar a vuestras visitas del contenido y antigüedad de vuestro blog de una forma atractiva y llamativa.
Solo tenéis que elegir el modelo que más os guste, añadir sus códigos como gadget "HTML/Javascript" y colocar la dirección URL y la fecha de creación de vuestro blog donde os indico más abajo.
Los datos se actualizarán solos a diario. Por cierto, los datos que veís en estos tres modelos son los reales de Blogsmadeinspain.

entradas
comentarios

días online

Gadget by Blogsmadeinspain

entradas
comentarios

días online

Gadget by Blogsmadeinspain

entradas
comentarios

días online

Gadget by Blogsmadeinspain

Ver código del modelo de la izquierda...[+/-]

<center> <table border="0" cellspacing="17" cellpadding="0" width="170" background="http://2.bp.blogspot.com/-QAdk9xorqo4/TsttKf_p7YI/AAAAAAAABpA/I-AJyhyvS5I/fondogadget02.png" height="118"><tbody> <tr>
<td valign="top" width="170"><font color="#000000" face="Arial Black"> <div style="text-align: left; line-height: 1.9em; font-size: 11px"><script style="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script>
<br /><script src="URL COMPLETA DE TU BLOG/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script><font face="century gothic">  entradas</font>
<br /><script src="URL COMPLETA DE TU BLOG/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script><font face="century gothic">  comentarios</font>
<br /> <div style="text-align: left; line-height: 1.8em; font-size: 13px"><script> function DiasOnline(Dia, Mes, Year, Texto) { Meses = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); Hoy = new Date(); Inicio = Date.parse(Meses[Mes - 1] + " " + Dia + " " + Year); Resultado = Math.round((Hoy.getTime() - Inicio) / 86400000); document.write(Resultado + " " + Texto); } DiasOnline(12, 2, 2008, "" );</script><font face="century gothic"> días online</font></div> </div> </font></td> </tr> </tbody></table> </center>
<div style="position:relative;top: -20px"><p><div style="text-align: center; line-height: 0.1em; font-size: 10px"><font face="century gothic">Gadget by <a href="http://www.blogsmadeinspain.blogspot.com/" target="_blank">Blogsmadeinspain</a></font></div></p></div>

Ver código del modelo del centro...[+/-]

<center> <table border="0" cellspacing="17" cellpadding="0" width="170" background="http://1.bp.blogspot.com/-ltkPOvjbI68/TsqplAMRU0I/AAAAAAAABok/aU7N8-v-_Zg/fondogadget01.png" height="118"><tbody> <tr>
<td valign="top" width="170"><font color="#ffffff" face="Arial Black"> <div style="text-align: left; line-height: 1.9em; font-size: 11px"><script style="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script>
<br /><script src="URL COMPLETA DE TU BLOG/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script><font face="century gothic">   entradas</font>
<br /><script src="URL COMPLETA DE TU BLOG/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script><font face="century gothic">   comentarios</font>
<br /> <div style="text-align: left; line-height: 1.8em; font-size: 13px"><script> function DiasOnline(Dia, Mes, Year, Texto) { Meses = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); Hoy = new Date(); Inicio = Date.parse(Meses[Mes - 1] + " " + Dia + " " + Year); Resultado = Math.round((Hoy.getTime() - Inicio) / 86400000); document.write(Resultado + " " + Texto); } DiasOnline(12, 2, 2008, "" );</script><font face="century gothic"> días online</font></div> </div> </font></td> </tr> </tbody></table> </center>
<div style="position:relative;top: -20px"><p><div style="text-align: center; line-height: 0.1em; font-size: 10px"><font face="century gothic">Gadget by <a href="http://www.blogsmadeinspain.blogspot.com/" target="_blank">Blogsmadeinspain</a></font></div></p></div>

Ver código del modelo de la derecha...[+/-]

<center> <table border="0" cellspacing="17" cellpadding="0" width="170" background="http://2.bp.blogspot.com/-tWLXR889cP4/TsvDKfbtVXI/AAAAAAAABpI/7IvjxV1OidI/fondogadget03.png" height="118"><tbody> <tr>
<td valign="top" width="170"><font color="#747474" face="Arial Black"> <div style="text-align: left; line-height: 1.9em; font-size: 11px"><script style="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script>
<br /><script src="URL COMPLETA DE TU BLOG/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script><font face="century gothic">  entradas</font>
<br /><script src="URL COMPLETA DE TU BLOG/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script><font face="century gothic">  comentarios</font> <br /> <div style="text-align: left; line-height: 1.8em; font-size: 13px"><script> function DiasOnline(Dia, Mes, Year, Texto) { Meses = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); Hoy = new Date(); Inicio = Date.parse(Meses[Mes - 1] + " " + Dia + " " + Year); Resultado = Math.round((Hoy.getTime() - Inicio) / 86400000); document.write(Resultado + " " + Texto); } DiasOnline(12, 2, 2008, "" );</script><font face="century gothic"> días online</font></div> </div> </font></td> </tr> </tbody></table> </center>
<div style="position:relative;top: -20px"><p><div style="text-align: center; line-height: 0.1em; font-size: 10px"><font face="century gothic">Gadget by <a href="http://www.blogsmadeinspain.blogspot.com/" target="_blank">Blogsmadeinspain</a></font></div></p></div>

Colocar los siguientes elementos para adaptarlo a vuestro blog:
URL COMPLETA DE TU BLOG: Aparece en dos ocasiones en los códigos. Coloca ahí la dirección completa de tu blog, incluyendo http://
12, 2, 2008: Debes sustituir esos números por la fecha de nacimiento de tu blog, la fecha en que publicaste tu primera entrada. En el orden Día, Mes, Año

Regalo de Blogsmadeinspain para todos los suscriptores

2012-04-16T17:40:00.001+02:00

He decidido celebrar que Blogsmadeinspain ha superado los 1500 días online para premiar a mis lectores más fieles.
En este libro digital hago recopilación de los mejores trucos para Blogger que he publicado y todas las plantillas gratuitas diseñadas por mí. Con 40 páginas y 120 plantillas de descarga y uso gratuitos, totalmente originales.

Libro digital en formato PDF para que podáis verlo sin necesidad de estar conectados a internet. Aunque también incluye todos los links o enlaces de los posts originales y de descarga de cada una de las plantillas.

Ha supuesto un gran esfuerzo de tiempo y dedicación, pero con más de 330.000 visitas únicas, 1.880 amables comentarios y casi 700 suscriptores vía email, es lo menos que podía hacer.

Los que ya seáis suscriptores vía email verificados solo tenéis que mandarme un email con la misma dirección de correo con la que estéis suscritos, y yo os contestaré mandando la edición PDF de este libro-recopilación.

Y los que queráis obtener dicho libro totalmente gratuito, pero aún no estéis suscritos vía email a Blogsmadeinspain, ahora es el momento de hacerlo… Pinchad sobre el icono “Vía Mail” y suscribiros. FeedBurner os mandará un correo para que verifiquéis la suscripción, verificadla y comunicadme a mí vuestro interés por el libro. Yo os lo mandaré al mismo email con el que os hayáis suscrito.

He optado por no dejar su descarga totalmente libre para premiar a las personas que son más asiduas a mi blog. Quiero agradecerles toda su fidelidad, además de aprovechar para dar un fuerte abrazo a todos y todas l@s que habéis confiado en mí para crearos plantillas exclusivas. No os podéis imaginar la enorme gratitud que os tendré siempre por vuestro trato, vuestra amabilidad y vuestra inestimable ayuda económica.

Cargar plantilla personalizada en la nueva interfaz de Blogger

2012-03-30T13:15:00.001+02:00

En esta entrada anterior os hablaba de la nueva interfaz de Blogger o interfaz actualizada, en contraposición con la que hemos venido usando desde hace varios años. Durante unos meses han estado conviviendo ambas posibilidades, pudiendo elegir cada uno con cual administrar su blog. Pues bien, parece que en breves fechas Blogger ya impondrá definitivamente la interfaz actualizada, eliminando la opción anterior.

Ya os daba, en la entrada mencionada arriba, mi opinión sobre esta interfaz actualizada, pero pronto tendremos que acostumbrarnos a manejarla.

Una de las cuestiones que me han preguntado más veces mis lectores es “Cómo cargar plantillas personalizadas con la nueva interfaz”. Esto resulta igual de fácil que siempre…

Para ello, una vez accedido a panel de control de vuestro blog, debéis pinchar en la columna izquierda sobre la opción “Plantilla”, y después sobre el botón en la parte superior derecha titulado “Crear copia de seguridad / Restablecer”.

Se os abrirá una ventana emergente como esta:

Pinchad entonces en el botón “Examinar” para buscar el archivo de la plantilla en vuestro blog, pulsar “Subir” y listo. Así de fácil

Solución a la redirección de Blogger con subdominios según el país desde el que se accede

2012-03-21T10:18:00.000+01:00

Ayer os explicaba en esta entrada anterior el cambio efectuado por Blogger para que nuestros blogs redireccionaran automáticamente a direcciones URL con subdominios según el país desde el cual se visitaba.
Esto generaba graves problemas sobre todo en el posicionamiento y PageRank.

Como podéis comprobar en mi propio blog, esto ya tiene una fácil solución. Simplemente es necesario colocar un pequeño código de un script, en la edición HTML de la plantilla que estéis usando en el blog. Y se la debemos a Emilio Cobos.

Simplemente colocar el siguiente código inmediatamente después de <head> :

No tenéis que cambiar nada en el código. Y además al ser pequeño será muy fácil de eliminar si dentro de un tiempo no es necesario. Yo creo que todos estos cambios de Blogger no son definitivos, más bien son pruebas que realizan.

EL RINCÓN DEL EMIGRANTE, un buen servicio para los españoles que viven en otros países

2012-03-18T18:33:00.000+01:00

Junto con otros compañeros hemos iniciado este servicio, que seguro que a muchos españoles que viven en otros países europeos les resulta interesante. El Rincón del Emigrante es un sitio desde donde os pueden prestar un servicio muy útil.

Te compran tus productos favoritos en España y te lo envían al país donde vivas.

Jamón, aceitunas, turrón, mantecados, vinos, aceite de oliva, boquerones en vinagre, quesos, guindillas, embutidos, pimientos del piquillo, anguriñas, etc... Te envían cualquier producto alimenticio o de cualquier otro tipo a tu casa, vivas en el país de Europa que vivas. Y a precios de España. Tú mismo eliges los productos de cualquier supermercado español, y no un número limitado de productos, como ocurre en la mayoría de las tiendas online.

Además en El Rincón del Emigrante encontrarás multitud de enlaces interesantes para los españoles que viven en un país extranjero, y otros servicios de ayuda.

Blogger cambia la URL de tu blog con subdominios según el país desde el que se accede

2012-03-17T11:03:00.001+01:00

Esta mañana nos hemos despertado con la sorpresa de que Blogger ha cambiado las direcciones URL en que se ven nuestros blogs, dependiendo cual sea el país desde el que se accede.
Así si accedéis a este blog desde España veréis en vuestra barra de navegación www.blogsmadeinspain.blogspot.com.es , pero si accedéis por ejemplo desde México lo veréis de esta otra forma www.blogsmadeinspain.blogspot.com.mx.

Esto supone un grave perjuicio a los blogs que llevamos años funcionando, con muchas visitas y un Pagerank alto, ya que nuestros blogs se quedan con Pagerank cero, como si hubiésemos comenzado a publicar hoy mismo.
Comenzaron controlando los comentarios con el pretexto de controlar el SPAM, siguieron con un control más estricto de los contenidos que ellos consideraban no apropiados, y ahora nos vienen con este cambio que nos perjudica muy gravemente.
Los únicos blogs que no se ven perjudicados por estos cambios son los que usaban un dominio propio.

Además, cuando pase el tiempo y recuperemos algo de Pagerank, nos encontraremos con que este será diferente en cada país. Incluso parece que algunos gadgets están dando problemas.

Y este es el motivo que nos da Blogger para estos cambios:

Realizaremos este cambio para proporcionar más asistencia en relación con la administración local del contenido. Si recibimos una solicitud de eliminación de contenido que infrinja la legislación local, este ya no estará disponible para los lectores en los dominios locales en los que estén en vigor esas leyes. Esta actualización es coherente con nuestro estrategia en cuanto a la libre expresión y la eliminación de contenido controvertido, que no ha variado.

Desde aquí quiero instar a todos los blogueros que usamos esta plataforma a que publiquéis una entrada en vuestros blogs rechazando este nuevo cambio tan perjudicial, y que solo va dirigido a controlar, controlar y controlar cada vez más nuestra libertad de expresarnos.

Cómo dar una apariencia más profesional a tu blog de Blogger

2012-02-11T13:16:00.003+01:00

Sin duda alguna la mejor táctica para darle a tu blog un aspecto más profesional es tener un contenido de calidad, escribir de temas que conozcas bien.
Hoy en día muchas empresas están optando por crear blogs de Blogger con una apariencia exactamente igual a páginas webs. Podéis ver como ejemplos estos sitios diseñados por mí: Blogsindependientes.com, edeelementos.com ó DIGIcaturas.

No tienen gastos de mantenimiento, son fáciles de editar aún sin tener conocimientos de programación, y los blogs de Blogger son muy bien tratados a la hora de posicionarse en el buscador Google.

Existen técnicas y trucos para que tu blog de Blogger tenga una apariencia profesional. Bajo mi punto de vista, estos son los principales:

Leer completo...[+/-]

Eliminar la barra de navegación o navbar de Blogger: Esta barra la coloca por defecto Blogger en la parte superior de todas sus plantillas estándar. Tu blog tendrá una imagen mucho más profesional, con un aspecto más cercano al de una página web, si se elimina esa barra. Podéis aprender como eliminarla en esta entrada anterior.

Usa plantillas originales para tu blog: No te conformes con plantillas que usan miles o cientos de miles de personas en internet. Hay varios sitios donde puedes descargar plantillas gratuitas para implementar en tu blog, entre ellos Blogsmadeinspain. También tienes la opción de que te diseñen una exclusiva para tu blog o de modificar tú mismo plantillas de distribución gratuitas. Lo importante es que el diseño de tu sitio sea original y fácilmente reconocible por tus lectores.

Ten tu propia imagen corporativa o de marca: Este punto está íntimamente relacionado con el anterior. Procura tener un logotipo o imagen gráfica original y diferenciadora del resto de blogs, sobre todo si es un blog de empresa o prestas servicios en él.

Coloca solo los gadgets que creas necesarios para tus lectores: En internet podrás encontrar miles de gadgets para usar en tu blog. Pero debes pensar cuales serán interesantes y aportarán información útil a los lectores de tu blog. No los coloques de forma impulsiva, muchos de ellos pueden ralentizar enormemente el tiempo de carga de tu sitio.

No abuses de las redes sociales: Personalmente creo que las redes sociales como Twitter o Facebook son buenas para llegar a mucho público, pero úsalas en tu blog en su medida justa. Las redes sociales no se crearon con fines profesionales, y el 99% de su contenido es personal. Debes encontrar un equilibrio entre el uso y el abuso de ellas.

Coloca siempre un enlace para que los lectores puedan contactar contigo: En ocasiones tus lectores querrán contactar contigo. Evita que el único método para hacerlo sea dejando un comentario en tu blog. Debes tener un botón o pestaña “Contacto”.

Evita dejar visibles muchas entradas en tu página de inicio: Los sitios más concentrados, donde el contenido no se hace interminable hacia abajo, tienen un aspecto más profesional y cargan más rápidamente. En mi opinión, si tus entradas son muy largas, deberían acortarse con “Leer más…”, y así poder dejar visibles en la página de inicio las últimas tres o cuatro entradas, sin que quede excesivamente extenso.

Plantillas diseñadas por mí (55)

2012-01-26T17:41:00.001+01:00

En esta otra entrada os publicaba las dos primeras plantillas gratuitas de la serie “Real State”. Pues ahora os dejo dos nuevos diseños de descarga y uso gratuito de esta serie de plantillas diseñadas por mí. En esta ocasión con colores y motivos más naturales. Espero que os gusten.

Plantilla"Real State_03":

Plantilla de 3 columnas con la columna principal a la izquierda.

Diseño elegante, con una cabecera muy llamativa con una imagen de viviendas en un campo de golf, y en el que predominan los colores verdes.

DEMO...

(Instrucciones de descarga)

Descargar esta plantilla . . .

Plantilla "Real State_04":

Plantilla de 3 columnas con la columna principal a la izquierda.

Diseño elegante, con una cabecera muy llamativa con una imagen de edificios junto a la playa, y en el que predominan los colores amarillos y blanco.

DEMO...

(Instrucciones de descarga)

Descargar esta plantilla . . .

Nueva plantilla gratuita para Fotoblog

2012-01-23T16:20:00.000+01:00

En esta entrada anterior os dejaba un diseño que había creado para fotoblog en Blogger. Esa plantilla ha tenido mucho éxito entre mis usuarios, así que he decidido aportaros una versión de la misma con colores más claros, más suaves. Aquí os la muestro y la dejo para su descarga totalmente gratuita y sin restricciones.
El fondo gris claro combinado con colores azules hacen de este diseño una opción muy atractiva, elegante y discreta para exponer vuestras fotos o imágenes favoritas.

Plantilla "Fotoblog_02":

Plantilla con tres pequeñas columnas en la parte superior e inferior, y ordenación de las miniaturas de fotos de tres en tres.

Ya lleva incorporada la paginación para acceso a las distintas páginas.
Colores muy sobrios, basados en grises y azules. Una llamativa cabecera y un menú superior con grandes letras completan el diseño.

DEMO...

(Instrucciones de descarga)

Descargar esta plantilla . . .

El mejor servicio de anuncios de empleo y segunda mano

2012-01-22T13:19:00.001+01:00

Quiero presentaros un nuevo servicio online que me ha gustado mucho y creo que nos resultará muy útil a todos, sobre todo en estos tiempos de crisis y de desesperada búsqueda de empleo para muchas personas.

Hace poco mis amigos de Tablóndeanuncios.com me invitaron a probar el nuevo servicio de su portal de anuncios que te ayuda a conocer lo que se anuncia cerca de ti. Puedes conocer ofertas de empleo o las cosas de segunda mano que se venden en tu barrio, ciudad o provincia.

¡Todo lo que quieras con un clic de ratón!

¿Porqué tratar de comprar cosas de segunda mano de personas que se encuentran a 1.000 Km. de tu casa? Si puedes tener algo parecido en tu propia calle, barrio o ciudad.

Con el nuevo servicio Tablóndeanuncios LOCAL lo tienes mucho más fácil.

Ofertas de empleo, intercambio de apuntes, clases particulares, compra y venta de segunda mano, videojuegos, informática, ocio, viajes, alquileres o compra-venta de viviendas, vehículos, bicicletas, juguetes, contactos personales, todo lo que busques…

A este servicio solo puede accederse mediante invitación personal. Conmigo han tenido el detalle de regalarme 30 invitaciones para repartir entre mis lectores. Si estás interesado en probarlo, mándame un email con el botón de la columna izquierda de mi blog o al correo blogsmadeinspain@gmail.com.

Interfaz actualizada de Blogger

2011-12-13T21:11:00.001+01:00

En este momento, y desde hace ya algún tiempo, están conviviendo dos formas o dos versiones del interfaz de Blogger. La que el mismo Blogger llama “Interfaz actualizada” y la que denomina “Interfaz anterior”.

En realidad lo que se ha hecho con la interfaz actualizada es solo un “lavado de cara”, un poco de maquillaje para adaptar la imagen de esta plataforma de blogs a los nuevos productos de Google. No hay ninguna diferencia de importancia entre las dos, más que una imagen diferente y una reorganización de los elementos y opciones del administrador de Blogger. Aunque es cierto que quizás sea el inicio de otros cambios más importantes.

Para los que estáis usando el "interfaz actualizado “ o habéis cambiado a él hace poco, os vendría bien echar un vistazo a esta ayuda, donde se describen brevemente los aspectos y funcionalidades más importantes de esta nueva interfaz.

Para terminar este breve post, recordaros que podéis pasar fácilmente de una interfaz a otra en vuestra cuenta de Blogger. Si estáis usando la “Interfaz anterior” solo tenéis que pulsar sobre el enlace “Probar la interfaz actualizada de Blogger” que tenéis en la parte superior del administrador del blog. Y si estáis usando la “Interfaz actualizada” y queréis volver a la anterior, en la parte superior derecha del administrador tenéis el icono , pinchad sobre él y elegir la opción “Interfaz anterior de Blogger”.

Tened en cuenta que todos los trucos, instrucciones y ayudas que he publicado en mi blog hasta la fecha están orientadas para la “Interfaz anterior”.

Solución al problema en las imágenes de fondo de los blogs de Blogger

2011-12-09T12:22:00.002+01:00

Hoy 9 de Dicembre de 2011, muchos os habréis encontrado con la sorpresa que las imágenes que componen los fondos, cabeceras o footers de vuestros blogs de Blogger han sufrido errores de visualización.
Aunque esta entrada va especialmente dirigida a los que usáis plantillas diseñadas por mí, la solución a estos problemas que os explicaré también sirve para otras plantillas.

El problema parece estar en que Blogger ha cambiado la forma de visualizar algunas imágenes. Para solucionar este problema he encontrado una fácil solución:

1.- Entrad en “Diseño / Edición de HTML”, y localizad en los códigos de vuestra plantilla las imágenes que componen la cabecera, el fondo, el footer o cualquier otro elemento que no se vea bien.
Son muy fáciles de identificar ya que siempre tienen una forma parecida a esta…

http://3.bp.blogspot.com/prlTvbbYuDY/TtUOILiea8I/AAAAAAAAAO0/OcdGZdl8S7g/NOMBRE DE LA IMAGEN.jpg

Normalmente terminarán en “jpg”, “png” o “gif”. Y suelen estar colocadas detrás de uno de estos códigos:

body {
#center {
#header {
#footer-wrapper {

La solución es añadir a la ruta completa de la imagen, que será parecida a la que os he indicado anteriormente marcada en color azul, justo delante del NOMBRE DE LA IMAGEN este código: s1600/

Así, la ruta de la imagen que os ponía de ejemplo arriba, quedaría de esta forma:

http://3.bp.blogspot.com/prlTvbbYuDY/TtUOILiea8I/AAAAAAAAAO0/OcdGZdl8S7g/s1600/NOMBRE DE LA IMAGEN.jpg

Una solución fácil que resolverá todos estos problemas. Aunque he de decir que este problema no ha afectado a todas las plantillas por igual.
Si usáis plantillas diseñadas por mí, y pese a hacer lo que os comento en esta entrada, no se os soluciona el problema en alguna de las imágenes…. Contactar conmigo.

Crear un sencillo ÍNDICE con todas las entradas de tu blog

2011-12-06T11:34:00.003+01:00

Hay muchas maneras de crear un ÍNDICE con todas las entradas de vuestro blog. Yo os voy a enseñar aquí la manera más fácil de todas. Las hay con presentaciones más atractivas, más elaboradas, etc… Pero ninguna es tan fácil como la que os muestro a continuación, donde solo tendréis que pegar un pequeño código donde queráis crear el índice. Y no por fácil deja de ser funcional, muy organizada y rápida de carga.

Podéis organizar vuestro índice clasificando las entradas por etiquetas... VER DEMO
O clasificándolas por fecha de publicación... VER DEMO

En el primer caso, aparecen marcadas las 10 o 12 últimas entradas publicadas con el indicador Nuevo!. Y en el segundo caso aparecen agrupadas por meses.

Leer completo...[+/-]

Para crear un índice de entradas agrupadas según las etiquetas de vuestro blog, cread una página en “Creación de entradas / Editar páginas” pinchando sobre PÁGINA NUEVA. Y en la pestaña “Edición de HTML” pegad este código:

Solo tienes que sustituir NOMBRE DE TU BLOG para adaptarlo a tu blog.

Si deseas ordenar las entradas por su fecha de publicación, haced igual que antes, pero pegando este código:

E igualmente sustituir NOMBRE DE TU BLOG para adaptarlo a vuestro blog.

EDITADO: Parece que a algunas personas les está dando problemas el alojamiento del archivo script, pese a estar configurado como archivo público. Podéis descargaros el archivo y alojarlo en alguna cuenta vuestra de "Google Sites" u otro servicio que soporte scripts.
Para ello colocar en vuestro navegador una de las rutas URL siguientes: (dependiendo de si queréis crear el índice por etiquetas o por fechas http://sites.google.com/site/blogsmadeinspain/indice.js http://sites.google.com/site/blogsmadeinspain/indicefecha2.js

Acceso restringido por contraseña en Blogger

2011-11-28T16:18:00.000+01:00

Muchos de vosotros me habéis preguntado por la posibilidad de acceder a vuestro blog de Blogger, o a algunas de sus entradas con carácter restringido, es decir, teniendo un control de acceso mediante contraseña. Esto serviría para crear contenido que solo sea accesible a las personas que vosotros decidáis, a las cuales les habréis facilitado anteriormente la contraseña para tener acceso.
Con ello se abren infinidad de posibilidades en los blogs de Blogger, como zonas VIP o Premium, de acceso previo pago, contenido personal visible solo para vuestros amigos o visitantes especiales, etc...

He conseguido averiguar como hacerlo de una manera muy fácil. Para que podáis ver su funcionamiento he creado una página de Blogsmadeinspain de acceso restringido mediante contraseña. La contraseña para acceder a ella es 123456.

Ver Demo

Si estáis interesado en este tema. Seguid leyendo….

Leer completo...[+/-]

Como seguramente sabéis, la totalidad de un blog puede hacerse con acceso restringido en “Configuración / Permisos”, con la figura de los “lectores invitados”. Pero esta figura, además de restringir el acceso a la totalidad del blog, y no solo a una o varias entradas, tiene la limitación actual de 100 “lectores invitados”. Número totalmente insuficiente en la mayoría de los casos.

Para restringir el acceso a una entrada, solamente tenéis que pegar un pequeño código en la entrada de que se trate. Pero vayamos por orden. Seguid estos puntos:

1.- Cread una página o entrada donde se desvíe a vuestros visitantes que introduzcan una contraseña incorrecta. Podéis ver un ejemplo de ello si en mi Demo no colocáis la contraseña que os he indicado arriba. Esta entrada podría ser una entrada normal o página estática de vuestro propio blog o una entrada en un blog creado exclusivamente para esto, como es el caso de mi ejemplo. La dirección completa URL de esta entrada con el mensaje de error la llamaremos URL página de Contraseña incorrecta.

2.- En el Editor de Entradas, al crear la entrada que queremos proteger mediante contraseña, pincharemos sobre la pestaña “Edición de HTML”, y añadiremos justo al principio este código:

En contraseña colocar la contraseña que queráis. (Evidentemente puede ser diferente para cada entrada de acceso restringido). La URL página de Contraseña incorrecta ya os expliqué arriba qué es lo que era. Y por último, de color rojo lleváis marcados los mensajes que podéis personalizar a vuestro gusto.

Otras consideraciones:

- Sería conveniente que en la página que creéis con el mensaje de “Contraseña incorrecta” coloquéis también un enlace o link para volver a la página inicial de vuestro blog.

- La protección por contraseña estará operativa tanto en la entrada individual que se ha restringido, como en cualquier página de vuestro blog donde aparezca dicha entrada. Es decir, también deberá introducirse la contraseña para acceder a la página principal o de etiquetas, si contiene al menos una entrada restringida. Es precisamente esta última propiedad la que podemos aprovechar para proteger íntegramente un blog en su totalidad. Para ello debemos colocar los códigos antes indicados en todas las entradas.

El mejor traductor actual para un blog

2011-11-25T17:26:00.002+01:00

Después de probar varias de las posibilidades que actualmente existen para colocar un traductor en tu blog, sigo recomendando “Google Traductor”. Se ha remodelado estéticamente y funcionalmente para darnos un mejor servicio en nuestros blogs.
Presenta varias posibilidades de visualización: insertado en algún lugar del blog, en forma de pestaña en una de las esquinas del sitio, e incluso con la posibilidad de que automáticamente presente un banner de traducción al detectar el lugar de visita con lengua diferente a la que está escrito el blog.

Y como siempre, resulta rápido y fiable. Si queréis colocar este traductor, que podéis ver y probar en la sidebar derecha de mi blog, pinchad AQUÍ.

Os explico a continuación algunos aspectos a tener en cuenta a la hora de configurar este gadget de traducción para vuestro blog.

Leer completo...[+/-]

Después de decidir en los dos primeros pasos, en el “Paso 3” pinchad sobre “Mostrar configuración opcional”. Entonces se desplegarán varias opciones para poder configurar el gadget. La primera opción que se os presenta es poder elegir entre todos los idiomas (53 idiomas) o seleccionar vosotros mismos los que queráis. Después tendréis que elegir el “Modo de presentación”, entre los tres que os comentaba al principio del post. Y dentro de cada uno hay varias posibilidades. Lo mejor es que hagáis pruebas a ver cual os gusta más para vuestro blog.

Una vez decididas estas opciones, en el “Paso 4” se os mostrará el código que tenéis que pegar como elemento “HTML/Javascript” en “Añadir un gadget” de vuestro blog. Pero antes pinchad, debajo del cuadro donde aparece el código, en “Vista previa de la página” y podréis ver justo debajo como os quedará el gadget con las opciones que habéis elegido.

Por si alguno quiere ahorrar tiempo y le gusta tal y como yo lo tengo en mi sidebar derecha, este es el código que yo uso:

<center><div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
    pageLanguage: 'es',
    includedLanguages: 'de,ar,cs,zh-CN,zh-TW,da,es,fi,fr,el,iw,hi,nl,en,it,ja,pt,ro,ru,sv,tr',
    autoDisplay: false,
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></center>

Centrar fotografía en su columna con el gadget de Blogger “Imagen”

2011-11-21T17:57:00.004+01:00

La mayoría de blogueros que comienzan en Blogger usan para colocar sus imágenes en las columnas laterales de su blog el gadget estandar de Blogger titulado “Imagen”.
Ese gadget se usa para colocar imágenes en cualquier parte del blog que no sean entradas, además permite colocarle un enlace o link a la imagen y un texto de “Pie de foto”.

Pero en la mayoría de los casos, la imagen que se coloca queda descentrada respecto a la columna, apareciendo alineada a la izquierda. He recibido varias consultas sobre este tema, y he encontrado una solución muy fácil para centrar la imagen que se coloca.

Leer completo...[+/-]

Basta con acceder a “Diseño / Edición de HTML”, y colocar en la plantilla el siguiente código, antes de ]]></b:skin>

.sidebar img { display: block; margin: 0 auto;}

Pero el mismo problema tendremos con el texto “Pie de foto” si no ocupa un renglón completo o varios renglones, es decir, nos quedará alineado a la izquierda y no centrado en la columna.
Pero esto tiene todavía una solución más fácil. Delante y detrás del texto que queramos poner como “pie de foto” colocamos <center> y </center> respectivamente. Quedando de esta forma:
<center>TEXTO DE PIE DE FOTO</center>

Corregir el error en los botones para "compartir" de algunas plantillas.

2011-11-17T10:28:00.002+01:00

Hace ya algún tiempo Blogger cambió el sistema que venía usando de botones para "compartir" , eliminando el botón Buzz y modificando otros temas internos.
Pués bien, en alguna de las plantillas que diseñé antes de ese cambio, este sistema de botones daba algún error en su visualización o no se veían. Solo se producía error en algunas de las plantillas, en el resto funcionan perfectamente.

La solución para los que tengáis instalada alguna de esas plantillas es muy fácil, solo hay que modificar un par de códigos.

Leer completo...[+/-]

Entrad en "Diseño/Edición de HTML" y, antes de ]]></b:skin> , colocar este código:

.share-button {display: inline-block;}

También localizar este otro código:

<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl +
"&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, "" + data:top.blogThisMsg + "", "height=270,width=475"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, "" + data:top.shareToFacebookMsg + "", "height=430,width=640"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, "" + data:top.shareToBuzzMsg + "", "height=415,width=690"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:if>
</b:includable>

Y cambiarlo por este otro:

<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'> </a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, "" + data:top.blogThisMsg + "", "height=270,width=475"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'> </a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'> </a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, "" + data:top.shareToFacebookMsg + "", "height=430,width=640"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'> </a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, "" + data:top.shareToBuzzMsg + "", "height=415,width=690"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'> </a>
</b:if>
</b:includable>

Blogsmadeinspain reanuda totalmente su actividad

2011-11-09T17:32:00.002+01:00

Después de muchos meses de parada obligada, os anuncio que ya vuelvo a prestar desde este blog todos los servicios de diseño de plantillas exclusivas Blogger y diseño gráfico en general.
He tenido que subir el precio del diseño de plantillas, ya que son muchas las horas que dedico a cada diseño. Pero creo que todavía es bastante económico y está al alcance de todos.

Os recuerdo que podéis ver muchos de mis trabajos de diseño en Designmadeinspain, plantillas Blogger, logotipos, banners, carteles, diseño publicitario, etc...

Además os tengo una sorpresa... Pongo en marcha un nuevo servicio de realización de caricaturas digitales, llamado DIGIcaturas.

Son caricaturas digitales personalizadas ideales para imprimir en alta resolución y enmarcar para sobremesa o pared, regalos, invitaciones de boda, tarjetas, cumpleaños, felicitaciones, camisetas, etc... Por 26 euros

Envíanos tu foto y en menos de 48 horas tendrás tu caricatura. Sin esperas, sin gastos de envío... INFORMAROS PINCHANDO SOBRE EL BANNER

Además os he dejado en esta entrada anterior el primer diseño que hago de una plantilla para un Fotoblog. Con un diseño muy elegante y llamativo, y totalmente gratis.

Nuestra amiga Gem@ nos presenta "reinventaWEB"

2011-11-08T16:40:00.000+01:00

La mayoría de vosotros conoceréis a nuestra amiga Gem@. Ella, junto con algunos otros blogueros, han sido mis maestros en estos temas, y por ello les estoy enormemente agradecido.

En esta ocasión nos presenta "reinventaWEB", sitio donde os podrán diseñar páginas webs, plantillas para WordPress y Tumblr, hacer trabajos con Javascript, páginas para Facebook, además de tener un amplio muestrario de plantillas gratuitas. También podéis comprar dominios o hosting propios para alojar vuestros blogs.

Ellos os podrán ayudar en esos temas en que Blogsmadeinspain no puede ayudaros.

Plantilla gratuita para Fotoblog

2011-11-05T17:28:00.000+01:00

Aquí os dejo la primera plantilla que diseño para crear un fotoblog en Blogger. Estas son plantillas muy especiales que plantean diversos problemas en su estructura y organización, pero creo que el resultado es muy funcional, además de elegante y muy llamativo. Espero que os guste, su diseño es muy original.
Permite alojar las fotografías con una descripción o texto que se verá al desplegar la entrada completa de que se trate, o ver directamente la imagen a mayor tamaño, pinchando sobre ella.

Plantilla "Fotoblog_01":

Plantilla con tres pequeñas columnas en la parte superior e inferior, y ordenación de las miniaturas de fotos de tres en tres.

Ya lleva incorporada la paginación para acceso a las distintas páginas.
Colores muy sobrios, basados en grises y colores oscuros. Un menú superior con grandes letras completa el diseño.

DEMO...

(Instrucciones de descarga)

Descargar esta plantilla . . .

MUY IMPORTANTE para usar plantillas diseñadas por mí

2011-05-24T19:34:00.000+02:00

Debido a cambios producidos en la forma de visualizar las imágenes de fondo de los blogs de Blogger, si usáis alguna de las plantillas diseñadas por mí publicadas con anterioridad a esta entrada, debéis hacer una pequeña modificación cuando ya la hayáis instalado en vuestro blog.

Es una modificación muy fácil. Para ver dicha modificación pinchar Aquí.

P.D. En las plantillas que publique a partir de ahora, esa corrección ya estará hecha. No será necesario que vosotros la hagáis al instalar una nueva plantilla.

Plantilla para Juegos de azar Online

2011-05-21T20:56:00.001+02:00

Hace algún tiempo, y por la gran cantidad de personas que me habían escrito pidiendo algo similar, diseñé esta plantilla pensada para blogs de Blogger dedicados a Juegos de azar Online.

Debéis disculpar que mi falta de tiempo haya hecho imposible su publicación, pero ahora, con el patrocinio de Pokerlistings.es, la publico para que todos podáis descargarla totalmente gratis. Pensada para publicar entradas cortas con enlaces a juegos de azar o sitios dedicados a esta temática, alojar publicidad y resultar muy atractiva.

Plantilla "PokerGames":

Plantilla de tres columnas , una sidebar a la izquierda y dos columnas para las entradas resumidas a la derecha.
Colores azules y anaranjados con adornos de cartas y dados. Un toque de color en el footer y un menú superior con efecto al pasar el ratón sobre él completan el diseño.

DEMO...

(Instrucciones de descarga)

Descargar esta plantilla . . .

Si te gustan los juegos de azar y en particular el Poker Online, no puedes dejar de visitar Pokerlistings.es. Es un Portal en lengua española dedicado a este juego de cartas con la mayor selección de Salas de poker que puedas encontrar en internet, pudiendo hacer búsquedas escogiendo varios criterios, y de esa forma encontrar la sala que más se adecua a tus preferencias.
Pensado tanto para jugadores noveles como para los más experimentados, todo muy bien explicado, fácil y donde solo tendrás que preocuparte por jugar y ganar. Y además todo en español, instrucciones, guías, reglas, etc...
En unas de sus secciones podréis acceder a recomendaciones y una amplia colección de artículos sobre estrategias para este juego de cartas.

En ese sitio podrás jugar a Texas Holdem online, el juego de poker online más popular en la actualidad, con reglas muy simples, aprendizaje rápido y con muchas posibilidades de ganar una buena suma de dinero.