¿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
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
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”
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.
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
Código de la plantilla nueva |
Ahora solo tenemos que darle en guardar para que sean realicen los cambios.
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 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.
Ejemplo de código que podemos modificar |
En la siguiente entrada veremos como ingresar plantillas por
XML
Link para para segunda parte: CambiarporXML
0 Comentarios