Después de descargar una nueva plantilla de blogger

DEBIDO A LA GRAN DEMANDA DE PLANTILLAS BLOGGER HEMOS CREADO UNA NUEVA WEB QUE RESPONDA A ESA DEMANDA: 

Tras descargar una nueva plantilla de blogger, a los nuevos usuarios del servicio se les puede pasar por la cabeza alguna de estas preguntas:

¿Cómo instalar una plantilla?

1. Descarga una plantillla y descomprimela.

2. Ve a la sección de diseño en tu blog (Escritorio → Diseño → Edición de HTML ).

3. Respalda tu plantilla anterior (Descargar plantilla completa).

4. Busca y sube tu plantilla.

5. Disfruta de un nuevo diseño en tu blog.

¿Por qué no puedo instalar las plantillas? Blogger arroja un error.

Hay varios factores posibles que provocan un error Bx-xxxx:

• Se copió directamente el código y Blogger no supo interpretarlo.
• Temporalmente Blogger no acepta plantillas con ciertos códigos o gadgets.

Posibles soluciones:

• Eliminar los widgets o gadgets que vienen con la plantilla descargada.
• Borrar las cookies del navegador.
• Intentar subir la plantilla con otro navegador. (Opera, Firefox, Chrome, etc)
• No copiar y pegar el código, subir directamente el archivo xml.
• Esperar 24 horas a que se normalice el servicio e intentar de nuevo.

¿Cómo personalizar mi plantilla?

Para el color y el tamaño de la tipografía, algunas plantillas Blogger ofrecen una opción para modificarla desde el panel (Escritorio → Diseño → Fuentes y colores). Además de hacer cambios se puede ver el resultado directo en la plantilla.

Cambios mayores en la plantilla requieren conocer al menos un poco de CSS y HTML. Una forma rápida para modificar una plantilla consiste en cambiar las imágenes en el CSS del código, por otras con las mismas dimensiones; ese es el proceso para cambiar el header de un diseño, por ejemplo.

Adicionalmente, algunas plantillas cuentan con sus propias instrucciones de funcionamiento y personalización, consúltalas en la misma página de descarga de tu plantilla.

¿Cómo edito el menú de mi plantilla?

1. La mayor parte de las plantillas tienen un menú que sólo puede ser modificado desde el código HTML (Escritorio → Diseño → Edición de HTML). En muchos casos el código a buscar y modificar es como el siguiente:

 <li class='current'><a expr:href='data:blog.homepageUrl'>Home</a></li>
 <li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
 <li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
 <li><a href='#'>Edit</a></li>

Ahí puedes cambiar los expr:href=’…’ por tus propios links: href=’mylink’. También consulta las instrucciones de tu plantilla para tener más información.

2. Algunas plantillas incluyen un gadget para editar el menú directamente desde el panel (Escritorio → Diseño).

¿Por qué la fecha aparece como “undefined” o no se muestra?

Seguramente porque no haz escogido el formato de fecha indicado. El formato se cambia desde el panel (Escritorio → Configuración → Formato → Formato de fecha) y generalmente el correcto es del tipo: Miércoles 5, Mayo, 2009.

Lee las instrucciones de tu plantilla, seguramente ahí encontraras más información.

¿Por qué algunas imágenes de mi plantilla desaparecieron?

Aunque hospedamos la mayor cantidad de las imágenes en el mismo Blogger, las imágenes pueden desaparecer repentinamente porque:

• Las imágenes fueron eliminadas del hosting original.
• Se usa un dominio propio (ej. btemplates.com).

Solución: Volver a bajar la plantilla en BTemplates o desde el autor original y re alojar las imágenes en otro servicio externo tal como Photobucket, Imageshack o Tinypic.

¿Cómo agregar el formulario de comentarios a mi plantilla?

Blogger recientemente agregó el formulario de comentarios dentro de la misma plantilla que se visualice justo bajo las entradas, si tu plantilla no lo tiene tal vez necesitas agregarlo manualmente o activarlo.

Para agregarlo manualmente:

1. Entra en el código de tu plantilla (Escritorio → Diseño → Edición de HTML) y busca:

   <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

2. Reemplaza ese código con el siguiente:

   <b:if cond='data:post.embedCommentForm'>
             <b:include data='post' name='comment-form'/>
           <b:else/>
             <b:if cond='data:post.allowComments'>
               <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
             </b:if>
           </b:if>

Para activarlo:

1. Entra al panel de opciones de comentarios (Escritorio → Configuración → Comentarios).
2. Y en el apartado de “Ubicación del formulario de comentarios” selecciona: Entrada incrustada a continuación.

¿Cómo añado mi feed de Feedburner a mi blog?

En el menú: Muchas plantillas muestran el feed en el menú superior, para cambiar el feed por defecto por el de feedburner, ve al código de la plantilla (Escritorio → Diseño → Edición de HTML) y busca:

<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>

Sustitúye esto con:

<a href='URL del feed en Feedburner'>

Ahora, en el panel de configuración del feed (Escritorio → Configuración → Feed del sitio) agrega también tu URL de Feedburner.

¿Cómo traduzco mi plantilla a otro idioma?

Todo se hace directamente en el código de la plantilla (Escritorio → Diseño → Edición de HTML), con un proceso bastante sencillo:

1. Usando el buscador de tu navegador, encuentra el texto que deseas traducir
2. Sustituye ese texto por tu traducción

Los textos dentro de una imagen requieren ser cambiados en un editor de imágenes como Photoshop o inkScape y posteriormente sustituir la imagen con la traducida.

¿Qué es RSS, CSS y XML?

RSS – Viene del acrónimo Really Simple Syndication y es un formato que permite, por medio de un software de escritorio o un servicio web, recibir las actualizaciones de un blog o sitio web.

CSS – Viene del acrónimo Cascading Style Sheets y es un lenguaje que permite definir la presentación de un sitio web basado en HTML y/o XML. En otros palabras, es el código que da forma a todo tu blog. En Blogger viene definido entre los códigos:

<b:skin><![CDATA[

y

]]></b:skin>

XML – Viene del acrónimo Extensible Markup Language y es una metodología para definir lenguajes, en Blogger es el encargado de construir toda la estructura HTML del blog.

¿Qué hago después de instalar mi plantilla?

Después de instalar una plantilla hay varias cosas que vale la pena verificar, actualizar o modificar, para te recomendamos leer nuestro artículo con todos los puntos.

¿Cómo mostrar la navbar otra vez en mi plantilla?

¡Fácil! Busca en el código de tu plantilla (Escritorio → Diseño → Edición de HTML), algo como lo siguiente y elimínalo.

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

¿Cómo entrar a mi blog sin la navbar?

La barra de navegación de Blogger es solo un complemento y brinda un atajo para entrar a tu blog, pero tu puedes entrar siempre desde Blogger.com.

¿Cómo mostrar los últimos post o comentarios en la barra lateral?

1. Entra a administrador de elementos de página (Escritorio → Diseño).
2. Agrega un nuevo widget de Feed, con las siguientes URL’s:Para mostrar los últimos posts:

   http://NOMBREBLOG.blogspot.com/feeds/posts/default

   Para mostrar los últimos comentarios:

   http://NOMBREBLOG.blogspot.com/feeds/comments/default

¿Puedo remover los créditos de la plantilla?

No, la gran mayoría de las plantillas están bajo una licencia Creative Commons, GPL o similar, por lo cual al remover los créditos estarías utilizando una copia ilegal de las mismas. Puedes simplificar los créditos o cambiarlos de lugar, pero no removerlos. Recuerda que las plantillas son gratuitas, por lo cual mantener los créditos es una forma de agradecer a quien diseñó y/o adaptó la plantilla, e incentivar este tipo de prácticas.

¿Por qué mi blog muestra pocas entradas por página?

Recientemente Blogger implementó un mecanismo llamado “autopaginación” para reducir el tiempo de carga de sus blogs. Este mecanismo consiste en mostrar menos entradas por página si Blogger detecta que la página es muy pesada.

Para evitar que este pase, puedes tratar de disminuir el tiempo de carga, algunas recomendaciones son:

• Optimización de imágenes. Por ejemplo, con Smush.it o un editor de imágenes como Gimp.
• Eliminar gadgets innecesarios.
• Usar “leer más” en entradas largas.
• Optimizar código CSS. Por ejemplo con CSS Optimizer.