Cambiar Plantillas o Temas en Blogger Fácilmente

 ¿Cómo Instalar Plantillas o Temas en Blogger?

Cuando iniciamos con Blogger empezamos por usar los temas que nos ofrecen de manera gratuita, lo cual está muy bien para irnos acostumbrando a las diferentes herramientas y opciones que nos brinda la plataforma para crear nuestros blogs. Sin embargo, si queremos empezar a familiarizarnos con diseños un poco más avanzados, para arrancar con características y diseños más profesionales sin necesidad de ser todos unos programadores; podemos recurrir a temas o plantillas que nos ofrecen diversos sitios externos.

¿Por qué hacerlo si las básicas funcionan?

En general es para buscar un mejor posicionamiento en los motores de búsqueda. Si tienes como objetivo que tu blog sea conocido, debes de buscar cumplir con las cualidades de diseño que son muy bien apreciadas por el usuario como serian: ser responsivo y se vea bien en cualquier dispositivo; velocidad de carga; menús interactivos y categorizados para mejorar la experiencia de los usuarios; etc.

Hay múltiples razones por los cuales es preferible que si nos eres programador web busques una plataforma que te ofrezca temas gratuitos y modificables; estas plantillas o temas parecerán intimidantes al principio, pero con algo dedicación y pruebas, terminaras por convencerte de que su utilización a sido una buena idea.

Existen muchos sitios de internet que las ofrecen, personalmente he probado las del sitio soratempletes.com y de shop.zkreations.com, me han salido bastante buenas; pero ustedes pueden probar las de cualquier otro sitio que les hayan recomendado o tengan mejor reputación, o estén en algún top de los mejores sitios para plantillas.

Formas para instalar una plantilla en Blogger

Existen dos formas de instalar:

  •         Por HTML: será totalmente invasivo y perderemos todos los cambios que hayamos hecho
  •         Por XML: no es tan invasivo y nos permitirá conservar la mayoría de cambios

¿Cómo instalamos plantillas de shop.zkreations?

Primero veremos la forma de instalar por HTML ya que las plantillas del sitio shop.zkreations solo nos ofrecen el código HTML cuando las descargamos.

De esta página voy a probar la tan conocida plantilla anime, la cual tiene la versión de pago y gratuita; si queremos podemos comprar la plantilla para obtener los beneficios extra que nos ofrecen con la compra. Pero en este caso nos vamos a ir a la opción “PROBAR GRATIS”

Link de la plantilla: https://shop.zkreations.com/2019/01/anime-xml.html

sitio para plantillas de blogger

Al darle clic nos abrirá una nueva pestaña con el código HTML de la plantilla.

"Lo vamos a copiar todo". Podemos presionar CTRL + A para seleccionar todo, luego copiamos con clic derecho y copiar o con CTRL + C

HTML de una plantilla de blogger
Copiar todo el código con Ctrl + A y luego Ctrl + C

En nuestro panel de blogger nos vamos a Temas y desplegamos el menú a lado de personalizar para que se nos muestre la opción “Editar HTML”

Modificar HTML en Temas
Vamos a dar clic en Editar HTML

Se nos mostrara el código de nuestra plantilla predeterminada, lo vamos a seleccionar todo (CTRL+ A) y lo vamos a eliminar (SUPR). Debemos dejar sin nada de texto esta sección.

Código HTML en Blanco
Debe quedar totalmente en blanco la sección de HTML

Ahora vamos a pegar (Ctrl + V) el código de la plantilla "anime" en esta sección

Pegado del Código de la plantilla de blogger
Código de la plantilla nueva

Ahora solo tenemos que darle en guardar para que sean realicen los cambios.

icono para guardar en blogger
Damos clic en guardar 

Salimos del editor. En el menú de Blogger nos vamos a ver nuestro blog para verificar los cambios

Nueva plantilla para Blogger
Nueva plantilla para nuestro blog

Nota Importante: Como es toda una sustitución del código HTML, cualquier modificación que hayas hecho se perderá y tendrás que volver a ingresarlas. Por lo que este método es más adecuado para iniciar desde cero.

Como ventajas de esta plantilla es que es muy personalizable, aunque en varias secciones tendremos que saber algo de HTML y CSS para poder aprovecharla al máximo.

Código modificable en plantilla Blogger
Ejemplo de código que podemos modificar

En la siguiente entrada veremos como ingresar plantillas por XML

Link para para segunda parte:   CambiarporXML

Publicar un comentario

0 Comentarios

Teoría del Derecho