Cómo crear un widget de pie de página 3 en Blogger

Conocido por su facilidad de uso y acceso libre, plataforma de blogs de Blogger permite a los usuarios personalizar sus blogs cambiando el contenido de la cabecera, el tema, barras laterales y pie de página. Esto incluye la adición de varios widgets y dando al usuario la posibilidad de elegir dónde colocarlos. De forma predeterminada, muchos de los temas de Blogger no incluyen una zona de pie de página para los widgets, pero uno puede ser añadido con un poco de código. Para añadir una zona de pie elegante a un blog de Blogger, los individuos tendrán que editar el código HTML de la propia plantilla.

Instrucciones

1 Iniciar sesión en Blogger mediante el uso de su dirección y contraseña de Gmail. Haga clic en el enlace "Diseño" en el que desea editar. Esto le enviará a la página de "Elementos de página" de tu blog.

2 Haga clic en la pestaña "Edición de HTML" en la parte superior de la pantalla. Copia de seguridad de su plantilla actual haciendo clic en "Descargar plantilla completa" y hacer clic en el botón "Aceptar" que aparece para guardarlo en su computadora.

3 Ampliar su codificación widget haciendo clic en el cuadro situado sobre el área de contenido principal que dice "Expandir plantillas de artilugios". Haga clic con el ratón en cualquier lugar dentro del área de contenido y mantener pulsada la tecla "Ctrl" en el teclado para abrir el campo de búsqueda "F" y.

4 Tipo "</ b: la piel>" para que Blogger destaca por usted en el área de contenido y pega el siguiente código CSS por encima de esa etiqueta.

pie-columna-contenedor {

Limpia los dos;

}

.footer columnas {

padding: 10px;

}

5 Abra el campo de búsqueda de nuevo presionando las teclas "F" y "Ctrl" y busca donde dice lo siguiente:

<Div id = "pie-wrapper '>

<B: Clase de la sección = "pie de página" id = "pie de página" />

</ Div>

6 Reemplazar "<b: Clase de la sección = 'pie de página' id = 'pie' />" con el código de abajo.

<Div id = "pie-columna-contenedor">

<Div id = estilo 'footer2' = 'width: 30%; flotador izquierdo; margin: 0; text-align: left; ">

<B: sección class = "pie-columna" id = "col1 '= preferidas" sí "style =' float: left;" />

</ Div>

<Div id = estilo 'footer3' = 'width: 40%; flotador izquierdo; margin: 0; text-align: left; ">

<B: sección class = "pie-columna" id = "col2 '= preferidas" sí "style =' float: left;" />

</ Div>

<Div id = estilo 'footer4' = 'width: 30%; flotar derecho; margin: 0; text-align: left; ">

<B: sección class = "pie-columna" id = "float: right; '' '= preferidas col3" sí "style = />

</ Div>

<Div style = "clear: both;" />

<Div id = "-pie de página inferior 'style =' text-align: center; padding: 10px; text-transform: minúsculas; ">

<B: Clase de la sección = "pie de página" id = "col-inferior" preferido = 'yes'>

<B: widget de id = 'Text2' = bloqueado 'false' title = "type =" Texto "/>

</ B: sección>

</ Div>

<Div style = "clear: both;" />

</ Div>

7 Guarde los cambios en Blogger y comprobar su sitio. Si el código de instalador era correcta, verá un área vacía de pie de página en la parte inferior de su blog.

8 Vuelve a tu panel de Blogger, vaya a "blogger.com" y luego haga clic en el enlace "Diseño" en el blog que acaba de realizar para llegar a la zona de "Elementos de página". Nótese cómo ahora hay tres áreas de widgets Además a lo largo de la parte inferior de la página.

9 Añadir componentes a su nuevo pie de página haciendo clic en el enlace "Añadir un gadget" en cada área. Haga clic en "Guardar" para guardar los cambios y previsualizar su sitio.

Consejos y advertencias

• Si no está satisfecho con los cambios, siempre se puede subir su plantilla antigua, vaya a "Diseño" y luego "Edición de HTML". Haga clic en el botón "Examinar" en "Descargar plantilla completa" y busque la plantilla guardada en su ordenador. Haga clic en "Aceptar" para cargar la plantilla en Blogger.