Agregar dos gadget arriba o debajo de las entradas
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:
Así tendrás dos columnas de gadgets en esa área del blog.
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:
<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.
Así tendrás dos columnas de gadgets en esa área del blog.
Etiquetas:
.,
BLOGGER TRUCOS
Suscribirse a:
Enviar comentarios (Atom)
Entradas populares
-
Cómo hacer que ocupe toda la pantalla la imagen de fondo de Blogger En el artículo de hoy vamos a ver cómo hacer que la imagen ...
-
Bueno hoy vamos a ver como mostrar códigos HTML en los post o entradas blogger primero vamos a incluir el estilo CSS en la plani...
-
Colocar o Agregar la caja de comentarios de facebook en blogger, en este tutorial vamos a ver como insertar o añadir caja de comentarios de...
-
Cómo añadir iconos redes sociales que giran en blogger En este artículo voy a explicar cómo añadir iconos de redes sociales que giran ...
-
Leer más automático es un truco muy útil para los blogs con entradas largas que decean reducirlas (Solo en la pagina principal), aquí most...
-
En ocasiones queremos incluir código fuente en los artículos de nuestro blogger para mostrar a nuestros lectores un ejemplo práctico...
-
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 ...
-
<div class='social-icons' id='social-iconos'> <ul> <li class='social_icon'><a href='http:...
0 comentarios:
Publicar un comentario