jueves, 31 de octubre de 2013

Como poner dos columnas de gadgets arriba y/o debajo de las entradas?

Como poner dos columnas de gadgets arriba y/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:
<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í se sencillo tendrás dos columnas de gadgets en esa área del blog.
Vaya, qué rápida se me ha hecho esta entrada
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 comentarios

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

Blogger Tricks

 
© 2011 Noticias y Mucho MAs!
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0
Posts RSSComments RSS
Back to top