.png)
Aquí aprenderas a construir una pagina de inicio atractiva, para Blogger, con la plantilla anime, todo lo que ofrezco esta en mi canal, de Youtube.
|
| Cómo Construir una Página de Inicio ATRACTIVA en Blogger |
NOTA: Algo a aclarar es que todos los estilos de CSS, y Código del
gadget, ya están en la plantilla anime, que yo dispuse en este blog, en cada
uno de los gadgets menos en el del Slide, están los estilos y el código
exacto para crearlo que no necesario si tienes la plantilla instalada. De
todos modos se los dejo por si quieres instalar los gadgets.
¿Qué es una Home Page o Página de inicio?
Es la página que tiene mucha relevancia en tu blog, allí es donde llegan
los usuarios cuando ingresen a la URL principal. Es importante que la tengas
bien optimizada, de esta forma las personas podrán acceder a todo tu
contenido de forma sencilla y organizada.
Requisitos para personalizar tu Página de Inicio:
📌Debes instalar
la plantilla Anime.
📌Descarga los
códigos HTML y CSS
que utilizaremos.
📌Ver video Tutorial paso a paso. o tutoriales de mi canal de YouTube
¿Qué debe tener una página de inicio para que sea atractiva?
Algo que yo recomendaría es eliminar este sidebar, es gusto de cada quien pero creo que para que tu blog, se vea como una web profesional, es mejor eliminarla.
|
| Cómo Construir una Página de Inicio ATRACTIVA en Blogger |
ARTICULO REFERENTE: Como Eliminar EL Sidebar En Blogger
¿Qué witgets debo añadir para que mi blog se vea elegante?
Witget de Categoria Principal
En este puedes referir a las personas aun articulo de tu blog, o un
canal de YouTube, se usa para referir un contenido tuyo
especifico.
Por Ejemplo:
|
| Witget de Categoria Principal |
|
| Witget de Categoria Principal |
Puedes descargar los Códigos Necesarios o simplemente copiarlos desde acá, es
a su gusto.
📌Códigos Necesarios👇
Este código son los estilos en CSS lo pegamos en
nuestra plantilla, arriba de la etiqueta
]]></b:skin> , en Tema > Editar HTML
(No son necesarios, si tenemos
la plantilla Anime)
.btnhome1 {
color: #000000;
padding: 1em;
opacity: 1;
transition: opacity .3s;
background-color: #ffbe08f2;
border-radius: 3px;
font: 800 13px arial;
width: 100%;
display: inline-block;
font-weight: 1000;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.btnhome:hover, .btnhome1:hover {
opacity: .75;
color: #fff;
width: 100%;
}
Para añadirlo a una entrada para modificarlo los códigos que debes usar están en el archivo, ya que al intentar subirlos aquí, no se muestran correctamente.
Para modificarlo debemos colocar los códigos a como
se muestran en un entrada (un Articulo de tu Blog) para
asi realizarle cambios como explique en el video de
WITGET 1 PARA BLOGGER
Para hacerlo simplemente creamos una entrada
en Blogger y activamos la vista HTML.
Borramos todo lo que tenga y pegamos el código.
Asi es como se ve código, sin realizar cambios. (en
el editor de blogger)
Asi es como se ve código, con los cambio
hechos.
en el editor de bloggger
en la vista previa
Recomiendo ver mi video para que aprendas a
modificarlo 👉
CLICK AQUI
|
| en el editor de bloggger |
|
| en la vista previa |
Recomiendo ver mi video para que aprendas a
modificarlo 👉
CLICK AQUI
Slider para BLOGGER
|
| Slider para Blogger |
|
| Slider para Blogger |
Si lo quieres añadir, debes instalar la plantilla anime,
la cual ofrezco desde acá:
Instalacion Plantilla Anime Blogger🐱👤👋
Códigos si quieres modificar el estilo de tu Slide.
CLICK AQUI
Widget para tus Categorías
|
|
Witget Para Tus Categorías |
|
|
Witget Para Tus Categorías |
Si lo quieres añadir sin tener que pegar estilos en
CSS en la plantilla de Blogger, Instálate la plantilla Anime para Blogger,
Para añadir los Códigos en CSS del Gadget,
simplemente debemos copiar esto y pegarlo arriba
de ]]></b:skin>
.col-4-sm:hover {
background: #f2f2f2;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.col-4-sm {
padding: 15PX;
BORDER-RADIUS: 10PX;
}Lo mismo ocurrió con este gadget al intentar añadirlos los códigos de los gadgets en HTML, aparecen los widgets de manera fisica por lo tanto, si lo que quieres es añadir estos códigos en una plantilla ajena a la plantilla anime, lo que debes hacer es descargarte los códigos.
Y simplemente pegar los estilos en CSS arriba de la etiqueta ]]></b:skin>, luego de ello para añadirlos, los colocamos en Diseño, creamos un elemento, en tipo: HTML/JavaScript. si quieres un videos especifico para añadir gadgets en Blogger, lo hare.
NOTA: Algo a aclarar es que todos los estilos de CSS, y
Código del gadget, ya están en la plantilla anime,
que yo dispuse en este blog, en cada uno de los gadgets
menos en el del Slide, están los estilos y el código
exacto para crearlo que no necesario si tienes la
plantilla instalada. De todos modos se los dejo por si
quieres instalar los gadgets.