blogsmadeinspain: imagenes

Mostrando entradas con la etiqueta imagenes. Mostrar todas las entradas

Personalizar y aumentar el tamaño del gadget "Presentación" de Blogger

Seguro que la mayoría de vosotros conoce el gadget estándar de Blogger titulado “Presentación”. Con él conseguimos fácilmente una bonita presentación, slide o slideshow de fotografías alojadas en Picasa, Flickr, PhotoBucket y otros servicios similares.

Para ello, solo tenéis que acceder a “Diseño” del administrador del blog, y “Añadir un gadget” en el lugar que queráis colocar esta presentación fotográfica. Pinchar sobre el elemento con el título “Presentación” y configurar unos parámetros muy fáciles.

Pero este gadget tiene un enorme defecto que Blogger aún no ha resuelto, y es que es demasiado pequeño. Así que si queréis transformar este gadget a un tamaño mayor y personalizar algunos de sus aspectos, seguid leyendo…

Leer completo...[+/-]

Es muy fácil de hacer. Una vez colocado el gadget en vuestro blog, simplemente tenéis que colocar este pequeño código en vuestra plantilla, justo antes de ]]></b:skin>

.slideshow-container {
width: 297px;
height: 221px;
background: #bb0000;
border: 2px solid #bb0000;
}

En ese código podéis colocar todas las propiedades CSS que queráis asignar al gadget. Yo, por ejemplo, he colocado las siguientes propiedades:

width: Ancho en píxeles.
height: Alto en píxeles.
(El tamaño del gadget debería tener las misma proporción que las imágenes alojadas. Además, no hagas un tamaño excesivamente grande, ya que perderán mucha calidad las imágenes)

background: Color de fondo en el gadget, visible mientras se cargan las imágenes.

border: Con esta propiedad podemos añadir un borde a todo el gadget, como podéis ver en el ejemplo que os he colocado yo en esta entrada, donde aparece un borde rojo oscuro.

Espero que os haya resultado interesante este sencillo truco que os va a ayudar a embellecer vuestro blog.

ESPECIAL EMPRESAS: Tu espacio web más económico

¿Necesitas que tu negocio sea visible en internet pero quieres emplear poco dinero?

La plataforma gratuita Blogger ofrece unas enormes posibilidades para crear espacios web para empresas o particulares, como puedes ver en nuestros últimos trabajos realizados.

Blogsmadeinspain te ofrece la opción más económica que podrás encontrar:

* Diseño exclusivo de la plantilla Blogger.
* Instalación completa.
* Desarrollo del contenido completo hasta 6 páginas interiores.
* Colocación de todos los gadgets y elementos necesarios…

¡Por solo 90 euros, sin ningún gasto mensual o anual!

No pierdas esta oportunidad de hacer visible tu negocio en internet por muy poco dinero. Plano de situación, formulario de contacto, galería fotográfica, todo el contenido que necesite tu negocio.

Además:

* Subdominio gratuito del tipo http://www.miempresa.blogspot.com , con posibilidad de dominio propio por 10 euros al año.

* Facilidad de modificación de datos por usted mismo, ó posibilidad de mantenimiento a precios muy bajos.

* Trato personal y directo. Siempre hablará con la misma persona.

* Personalización absoluta y diseños completamente exclusivos para su sitio.

* Damos de alta su sitio web en los principales buscadores.

* Sitemap para Google.

* Posibilidad de integración en comunidades y redes sociales.

* También todo el diseño gráfico que necesites, logotipos, banners, folletos, carteles, etc… a precios sin competencia.

En estos tiempos, todos los negocios necesitan tener presencia en internet para incrementar su volumen de beneficios.
Infórmate Aquí y contactando con nosotros en blogsmadeinspain@gmail.com

Alojar imágenes en tu propia cuenta de Blogger

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.

Regalo de Blogsmadeinspain para todos los suscriptores

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.

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

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.

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

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.

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

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.

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

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>

Blogsmadeinspain reanuda totalmente su actividad

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.

Nuevo SERVICIO INTEGRAL de Blogsmadeinspain

Queréis cambiar la plantilla de vuestro blog y no os atrevéis por desconocimiento del lenguaje html o por falta de tiempo. Pues Blogsmadeinspain os hace el cambio de plantilla a vuestro blog, dejándolo listo para publicar las entradas y colocar todos los gadgets que queráis... Y solo por 10 Euros.
Algunas personas a las que les he diseñado plantillas exclusivas, y pese a mandarles una instrucciones muy detalladas de cómo realizar la instalación de la nueva plantilla, han preferido pagarme algo más para que se la dejase totalmente instalada y funcionando al 100% en su blog. Ahora extiendo este SERVICIO INTEGRAL a cualquier persona que por no manejarse bien con los códigos html o por falta de tiempo, prefieran pagar esta cantidad tan pequeña y desentenderse totalmente de preocupaciones y de sucesos inesperados. Aunque no sea una plantilla exclusiva, sino una de mis plantillas gratuitas.
Si os interesa, mandarme un e-mail explicando lo que queréis.

Como sabéis, Blogsmadeinspain os diseña una plantilla exclusiva y totalmente a vuestro gusto por 38 euros. Y ahora además os la deja totalmente instalada y funcionando en vuestro blog, solo por 10 Euros más.
De todas formas, no preocuparos por que deje de atender las dudas que me planteáis por e-mail. Seguiré respondiendo a todo el que me pregunta con la mayor disposición, aunque siempre dentro de lo que mis conocimientos me permiten.

Aprovecho para daros las gracias a todos por vuestros comentarios y vuestras visitas a mi blog. Sin ustedes este blog no podría existir. También agradecer profundamente a todas las personas que han confiado en mí para que les diseñe una plantilla personal y exclusiva.
¡MUCHAS GRACIAS!

Vista de compatibilidad en Internet Explorer 8

A todos los que uséis la versión 8 de Internet Explorer os interesa seguir leyendo.

Cada vez somos más los que usamos la versión 8 de Internet Explorer, y no todos saben que esta versión ya se ha diseñado de manera que cumpla los estándares por defecto (más o menos), un tema que había sido muy criticado en versiones anteriores de este navegador. Esto implica que sitios web que habían sido diseñados para versiones anteriores es posible que no se vean correctamente, pueden surgir desplazamientos extraños de algunos elementos, o códigos javascript que no funcionen bien, entre otras cosas.

Pero eso tiene una fácil solución con IE8, solo tenéis que pinchar sobre el botón de "Vista de compatibilidad" que existe en la barra de navegación, junto al de "Actualizar" y "Detener". Lo he marcado de color rojo en la captura de pantalla siguiente:

Pinchando sobre ese botón se activa la "Vista de Compatibilidad", y esto hace que el sitio que estemos visitando se vea como en IE7, por lo que desaparecen los errores que he explicado antes. Además, se os quedará guardado la activación de esta opción para el dominio donde lo hayáis activado, y no tendréis que repetir esto cada vez que entráis en un mismo sitio.

En Blogsmadeinspain uno de los errores que generaba esto es que no funcionaban correctamente los botones de colores que hay en la parte superior de la sidebar derecha, con los distintos temas. Así que ya sabéis, si usáis IE8 y notáis cosas raras al entrar en algún sitio web, solo tenéis que activar esta opción y problema resuelto.

Insertar imágenes en los títulos de las entradas

Podéis ver en el título de esta entrada que he añadido una pequeña imagen delante. Esto puede hacerse fácilmente, sin necesidad de tocar el código html de la plantilla. Con la ventaja añadida que esta imagen no se repetirá en todos los títulos, sino solo en el que nosotros lo hayamos colocado.

Podemos colocar la imagen al principio del título, al final, o en cualquier lugar del mismo. Y es tan sencillo como irnos a la edición de esa entrada, y donde colocamos el título, colocar también este pequeño código:

Lo colocaremos en la parte del título donde queramos que aparezca, aunque quizás lo normal sea delante, pero no tiene porque ser ahí.
Solo tenéis que sustituir la ruta completa de la imagen alojada (incluyendo http://...).

Esto parece muy interesante, por ejemplo, para tener un pequeño icono o imagen para cada categoría o tema de vuestro blog, así reflejáis en vuestros títulos de una manera elegante y llamativa la etiqueta o tema del que trata la entrada. Y podréis hacerlo sin tener conocimientos de lenguaje html ni tener que "trastear" con vuestra plantilla.

Lo que sí os aviso es que el número máximo de caracteres que tolera Blogger en los títulos de las entradas es de 150 caracteres. Así que cuidado con las rutas de las imágenes muy largas, o con introducir muchas imágenes en un mismo título.
Un servicio que podría usarse para varias imágenes, ya que sus direcciones URL son cortas, podría ser Imageshack.

Colocar texto y otros elementos con un fondo de color

Desde la publicación en mi blog de esta entrada, muchos me habéis mandado e-mails solicitándome información de cómo colocar texto o elementos con un fondo de color. Por ejemplo como el cuadro siguiente, sacado de dicha entrada publicada hace poco:

Nueva suscripción por E-mail. Podrás recibir las entradas que publique en tu E-mail. Estarás informado de todas las novedades.

Esto puede hacerse fácilmente mediante una "tabla" html, colocándo un código al principio del elemento que queramos colocar con ese fondo, y otro pequeño código al final, obtendréis resultados muy profesionales, ya que podemos controlar colores, bordes, tamaños, y en general todo el aspecto gráfico que presentará la "tabla".

Leer completo...[+/-]

Para realizar esto, como ya he comentado antes, usaremos una "tabla" html, que entre otros tiene valores de color de fondo, color de borde, grosor de borde, tamaño, etc...

Al principio del elemento en html colocaremos este código:

Y al final del elemento de que se trate cerramos con este código:

</td> </tr> </tbody></table>

(Por cierto, esta forma de presentar los códigos con ese color gris de fondo, está realizado de la forma que ahora estoy explicando)

Podemos colocar el elemento que queramos entre esos dos códigos, desde una imagen o un texto, hasta una entrada completa de vuestro blog. Si pincháis Aquí podréis ver un ejemplo de entrada de mi blog, donde hay una tabla, con sus características de color y borde, dentro de otra tabla que enmarca toda la entrada, y con otras características.

Es decir, podéis usar los códigos de apertura y cierre todas las veces que queráis, siempre colocándolos seguros de lo que queréis enmarcar con una tabla u otra.

Paso ahora a explicaros cada uno de los modificadores que colocamos en los códigos del principio.

border - Definimos con este modificador el ancho en píxeles del borde, colocamos "0" si no queremos que aparezca borde alguno.

bordercolor - Como su propio nombre indica, es el color del borde. Debemos colocar el código hex del color que queramos usar.

cellspacing - Este valor, para lo que estamos viendo ahora, debe permanecer en "0".

cellpadding - Este es el margen o separación, en píxeles, que tendrán los elementos que se han colocado dentro, con el borde de la tabla.

width - Anchura en píxeles de la tabla. Si colocáis el modificador heigth, que yo no he colocado, lo que fijaréis será la altura. Si borráis este modificador, la anchura de la tabla se adaptará al ancho total del lugar donde esté (Entrada, sidebar, footer, etc...). Cuidado que el término width aparece dos veces en el código inicial, los dos valores deben ser iguales.

bgcolor - Código hex del color de fondo que queremos. Si borramos este modificador el fondo será transparente.

Dejaremos para una entrada posterior el tema de colocar una imagen de fondo, en vez de un color. Este tema es un poco más complicado, pero pueden obtenerse resultados como este...

Saludos a todos mis visitantes. Espero que mi blog os sea de mucha ayuda.
Y sobre todo, gracias, muchas gracias por vuestra confianza.

Nace Designmadeinspain, una muestra de mis trabajos en diseño gráfico

Designmadeinspain nace como un blog complementario de Blogsmadeinspain. En él pretendo presentaros diseños hechos por mí, para empresas, particulares o para su presentación a concursos nacionales e internacionales. Pretendo enseñaros mis diseños más significativos de los últimos años, tanto carteles o posters, como logotipos, diseños publicitarios, plantillas exclusivas de Blogger, etc...

Será una muestra de mis trabajos de diseño gráfico tanto a nivel amateur como a nivel profesional.

La intención es que podáis opinar sobre los diseños, que me podáis dar vuestra opinión, ya que las impresiones que cada trabajo causa a los usuarios es muy valiosa para mí, y puede ayudarme a mejorar.

Si alguno está interesado en encargarme un diseño exclusivo de plantilla, recordad que solo os cobraré 26 Euros, o algún trabajo de diseño gráfico, ahí tenéis una muestra de mis trabajos más recientes. También iré añadiendo nuevos conforme los vaya realizando.

Pero ésta no será la única novedad, ya que estoy componiendo un blog donde expondré exclusivamente mis plantillas para Blogger gratuitas, ordenadas y clasificadas por temas. Con un simple click podréis encontrar rápidamente el tipo de plantilla que buscáis.

Espero que me apoyéis con vuestras visitas y, de vez en cuando, pinchando en la "publi" Adsense.

Blogsmadeinspain se renueva

Ya llevamos juntos más de año y medio, e iba siendo hora de una remodelación completa del blog. He cambiado el aspecto gráfico, respetando mucho la imagen anterior, pero sobre todo el blog ha cambiado bastante internamente, con nuevas funcionalidades, nuevos servicios, con un aspecto mucho más profesional y moderno, reordenando la situación de todos los elementos, y con el compromiso de postear con mucha más frecuencia.

Además he decidido ofrecer un servicio de diseño de plantillas para Blogger personalizadas, a medida, hechas por encargo y en exclusiva para el que lo solicite, y solo por 26 Euros. Eran muchas las personas que se ponían en contacto conmigo preguntándome cuanto les cobraría por diseñarles una plantilla en exclusiva, pues ya lo sabéis.... Muy muy poco dinero.

También, mi experiencia de años como diseñador gráfico y publicitario, me hace ofreceros un servicio de diseño de carteles o posters, banners, logotipos, folletos, etc... desde 20 Euros.

En general, he querido profesionalizar el blog, manteniendo el contenido principal actual y aumentando cada vez más la lista de plantilla totalmente gratuitas. Os pido disculpas por haber añadido algo de publicidad, pero mi situación actual me lleva a necesitar cualquier fuente de ingresos por pequeña que sea. Nadie está obligado a pinchar sobre ella, aunque para mí sería una ayuda inmensa.

Respecto a la funcionalidad del blog, a continuación os hago un resumen de los elementos más importantes, nuevos o ya existentes anteriormente:

Suscripción vía RSS, la que hasta ahora tenía en mi blog. Solo tenéis que pinchar y os llevará a un cuadro para suscribiros con vuestro lector RSS.	Nueva suscripción por E-mail. Podrás recibir las entradas que publique en tu E-mail. Estarás informado de todas las novedades.	Pincha sobre este icono de la sidebar para mandarme un E-mail.
Escribe ahí lo que buscas en mi blog, y pincha el botón "Buscar". Así localizarás entre todos los posts el tema que estés buscando.	Pinchar sobre el botón inferior de este icono "Añadir a Favoritos", y os añadirá mi blog a "Favoritos" de vuestro navegador.	Con este botón situado en la parte inferior de mi blog podéis ayudar al mantenimiento de este blog. Cualquier donativo será bien acogido, teniendo todo mi agradecimiento.

Colocar enlaces o links en el blog

Este tema es básico para el administrador de un blog que está comenzando. Siempre tenemos la necesidad, por diferentes motivos, de crear en nuestro blog unos enlaces hacia otras direcciones (blogs, webs, etiquetas de nuestro propio blog, etc...).

Un enlace o link no es más que un texto, imagen, banner o botón que al pinchar sobre él nos lleva a otra dirección de internet. Yo explicaré aquí los códigos necesarios para realizarlo mediante un texto o una imagen, entendiendo que la imagen puede ser fija o animada, por lo que incluirá banners, botones o simplemente imágenes fijas.

Empecemos con lo más fácil, un enlace en tu blog mediante "Texto". Pincha sobre el texto que viene a continuación:

Buscador Google:

Como podéis ver es un enlace a la página principal del buscador "Google". Los códigos necesarios para realizar este tipo de enlaces son los siguientes:

Leer completo...[+/-]

<p><a href="http://www.google.es/" target="_blank">Buscador Google:</a></p>

Dentro de href=" " colocamos la dirección completa de la página a la que queremos dirigir cuando se pincha sobre el texto. Sin borrar las comillas del inicio y del final.

Si queréis direccionar hacia una etiqueta de vuestro propio blog, leer este post que os resultará de mucha utilidad.

target="_blank" está colocado para que al pinchar se abra otra ventana del navegador con la nueva ruta, sin abandonar nuestro blog. Si lo que queremos es que al pinchar sobre el enlace nuestra visita se desplace a la nueva dirección, sin mantener abierto nuestro blog, borrar esa parte completamente.

Sustituir el texto Buscador Google por el texto que queráis que aparezca para enlazar.

El código resultante colocarlo en "Diseño/Elementos de la página" con "Añadir un gadget", como "Elemento HTML/Javascrit", y en la parte del blog que queráis, o incluso dentro de una entrada.

Ahora veamos como colocar un enlace con una imagen. Pincha sobre la imagen inferior:

Esta vez el enlace dirige hacia la página principal de Blogger. Para realizar estos enlaces los códigos son:

Dentro de href=" " colocamos la dirección completa de la página a la que queremos dirigir cuando se pincha sobre el texto, igual que en el caso anterior.

target="_blank" tiene el mismo significado también.

Y solo nos queda colocar la RUTA COMPLETA DE LA IMAGEN, y pegarlo en el blog como "ElementoHTML/Javascript".

Ocultar el título y la descripción de vuestro blog

Muchos me habéis consultado cómo ocultar el título y la descripción de vuestros blogs, ya que queréis colocar un logotipo o simplemente en la cabecera de vuestra plantilla ya está incluido vuestro título.

Hay muchas buenas razones por las que un administrador de un blog quiere que el título y la descripción no sean visibles:

1.- Como he comentado antes, puede ser simplemente que dicho título ya está incluido en la imagen de cabecera, para poder usar un tipo de letra más atractivo o algún efecto especial (reflejo, iluminación, brillo, etc...)

2.- A menudo el título se sustituye simplemente por un logotipo o una imagen corporativa, fácilmente identificable para vuestros visitantes. Podéis ver un claro ejemplo de esto en este blog, donde he sustituido el título y la descripción por el logotipo de mi blog.

3.- Otro buen motivo es que es muy útil tener un título, y sobre todo una descripción, con mucho texto, señalando con ello el contenido principal de vuestro blog. Esto se hace por que buscadores como Google, lo primero que indexan al buscar son los títulos y las descripciones, además de otros "truquitos" que otro día explicaré.

Esto lleva a administradores como yo, a elegir un título o una descripción para su blog donde tratan de contener el mayor número posible de palabras que expliquen su contenido, pensando precisamente en que los buscadores lo encuentren con mayor facilidad y rapidez.

Como ejemplo de este último punto os pondré la descripción completa que Blogsmadeinspain tiene, y que vosotros no podéis ver:

"diseño de blogs en español, enlaces a web de diseño, plantillas originales totalmente gratis, ayuda para blogs, widgets, gadgets, herramientas, plantillas, templates, design blogs, ayuda diseño, free templates, plantillas gratis, blogger"

Os imagináis que esa descripción de mi blog fuera visible... Pero además Blogger permite colocar hasta 500 caracteres.

Si os interesa el tema seguid leyendo y os explicaré como conseguir que vuestro título y descripción no sean visibles.

Leer completo...[+/-]

En el administrador de vuestro blog iros a "Diseño/Elementos de la página". El elemento que aparece siempre más arriba es la cabecera, pinchar sobre "Editar" de ese elemento. Os lo marco de color rojo en la siguiente captura de pantalla:

Os saldrá un cuadro como el que sigue:

Ese cuadro lo usamos, entre otras cosas, para poder colocar una imagen en lugar del título y la descripción. Para ello buscar en vuestro PC la imagen que queráis colocar, pinchando sobre "Examinar", y aseguraros que está marcada la opción "En lugar del título y la descripción".

Pero la imagen que colocáis así, os cubrirá la cabecera original, ocultando de esa forma el diseño de vuestra plantilla. Si lo que queréis es simplemente ocultar vuestro título y descripción para que no sea visible al público, sin afectar para nada al diseño, debéis cargar una imagen transparente, una imagen de muy poco tamaño (para que cargue rápidamente) y que no oculte la cabecera.

Os dejo una pequeña imagen de 1x1 píxeles y transparente que os puede servir muy bien para este fín:

Descargar imagen...

Convertir cualquier imagen a icono fácil y rápidamente

He recibido gran cantidad de consultas donde me preguntáis cómo puede transformarse una imagen vuestra en un pequeño icono. Pues la respuesta está en Iconverticons.com, esta web os permite de forma sencilla y rápida crear iconos a partir de la imagen que vosotros queráis. Hay otras muchas opciones en internet para realizar esto, pero esta web es realmente rápida y no tiene limitación en cuanto a tamaño de imagen, o al menos aparentemente.

Con esta web podréis crear iconos personalizados para vuestro PC, para usarlos en vuestros blogs, o como favicons.

Simplemente buscar en vuestro PC la imagen que queráis transformar pinchando en el botón "Browse...", y después en el botón "Convert"... y a esperar unos segundos, tiempo que dependerá del tamaño de la imagen.

Este servicio os facilitará la imagen en los siguientes tamaños en píxeles: 512x512, 256x256, 128x128, 48x48, 32x32 y 16x16, y vosotros podéis descargarlos todos o solo el que necesitéis.

Si alguno quiere saber algo más de los favicons, pinchar en este post anterior o en este otro.