Añadir dos columnas de Gadgets arriba o debajo de las entradas en Blogger

AÑADIR DOS COLUMNAS DE GADGETS ARRIBA O ABAJO DE LAS ENTRADAS EN BLOGGER .

Para agregar un gadget arriba o debajo de las entradas basta con arrastrar el gadget hasta esa posición y tendremos colocado el gadget en ese lugar.
Pero qué tal si quieres agregar dos gadgets y que ambos estén en columnas, pues en ese caso habremos de añadir una sección de gadgets en esa área de modo que se creen dos columnas de gadgets arriba o debajo de las entradas.

Puedes tener sólo las columnas de arriba, o sólo las de abajo, o ambas, eso dependerá del gusto y necesidades de cada uno.


Para agregar estas columnas de gadgets entra en la Edición HTML de la plantilla, y SIN los artilugios expandidos busca esta parte:

Un clic en “Plantilla”

   Crear/Restablecer copia de seguridad


    Un clic en “Editar HTML”

  Ahora se te abrirá el Editor HTML de tu plantilla

En  este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor,
debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor,

 3 Busca el siguiente código

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Entradas del blog' type='Blog'/>
</b:section>

Si quieres las columnas de gadgets arriba de las entradas, entonces agrega arriba de lo anterior esto:

<div id='BlogGadget1' style='width: 48%; float: left; margin:0; padding: 5px;'>
<b:section class='sidebar' id='gadget-1' preferred='yes' style='float:left;'/>
</div>
<div id='BlogGadget2' style='width: 48%; float: right; margin:0; padding: 5px;'>
<b:section class='sidebar' id='gadget-2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>

Si también quieres dos columnas de gadgets debajo de las entradas, entonces agrega debajo del primer código esto:

<div id='BlogGadget3' style='width: 48%; float: left; margin:0; padding: 5px;'>
<b:section class='sidebar' id='gadget-3' preferred='yes' style='float:left;'/>
</div>
<div id='BlogGadget4' style='width: 48%; float: right; margin:0; padding: 5px;'>
<b:section class='sidebar' id='gadget-4' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>

Los valores en color azul es el ancho de cada uno de los contenedores, si por alguna razón los gadgets de la segunda columna se bajaran entonces reduce esos valores hasta que los gadgets se acomoden en su lugar.

Luego de haber insertado el código, un clic en  “Guardar plantilla”

Fecha de la Publicación; 03-01-2019

 Fuente;  ciudadblogger

 Publicado por;