| Mover los gadgets en Diseño puede ser dificultoso cuando, además de agregar varios gadgets, hemos hecho modificaciones en la plantilla, como agregar una sidebar, dejar estáticas las sidebar, etc.
La dificultad consiste en que en Diseño pueden verse los gadgets superpuestos, quedando algunos ocultos y casi imposible de "arrastrar".
Para la explicación de este tutorial tomamos como referencia un blog diseñado con la plantilla Simple en cuya sidebar hemos puesto los gadgets: Webmaster (Profile1), Archivo del blog (BlogArchive1), Bloguermast (Image1) y Herramientas (Text1), dispuestos así (les ponemos títulos para identificarlos más fácilmente en el código):
Para superar la difucultad antes anotada movemos los gadgets en la plantilla así:
1.- Vamos a Editar HTML:
| Diseño | ► | Editar HTML | ► | Click dentro del editor | ► | Ctrl+f | ► | 
|
2.- Localizamos el código correspondiente a las secciones de la sidebar en donde se encuentran los gadgets, poniendo una línea del mismo dentro del rectángulo de búsqueda (search), y que es como el siguiente:
<b:section-contents id='sidebar-right-1'>
<b:widget id='Profile1' locked='false' title='Webmaster' type='Profile'/>
</b:section-contents><b:section-contents id='sidebar-right-2-1'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
</b:section-contents><b:section-contents id='sidebar-right-2-2'>
<b:widget id='Image1' locked='false' title='Bloguermast' type='Image'/>
</b:section-contents><b:section-contents id='sidebar-right-3'>
<b:widget id='Text1' locked='false' title='Herramientas' type='Text'/>
</b:section-contents>
|
- En la sección identificada como
sidebar-right-1 está el gadget Webmaster
- En la sección identificada como
sidebar-right-2-1 está el gadget Archivo del blog
- En la sección identificada como
sidebar-right-2-2 está el gadget Bloguermast
- En la sección identificada como
sidebar-right-3 está el gadget Herramientas
3.- Copiamos la línea de código correspondiente al gadget al cual queremos cambiar de sitio, y la pegamos en el lugar elegido, tomando como referencia los otros gadgets. - Siguiendo con nuestro ejemplo, para poner el gadget
Archivo del blog en la parte superior, copiamos la línea correspondiente a ese gadget...
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
|
- ...la pegamos encima de la línea correspondiente al gadget
Webmaster...
<b:widget id='Profile1' locked='false' title='Webmaster' type='Profile'/>
|
<b:section-contents id='sidebar-right-1'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='Webmaster' type='Profile'/>
</b:section-contents><b:section-contents id='sidebar-right-2-1'/><b:section-contents id='sidebar-right-2-2'>
<b:widget id='Image1' locked='false' title='Bloguermast' type='Image'/>
</b:section-contents><b:section-contents id='sidebar-right-3'>
<b:widget id='Text1' locked='false' title='Herramientas' type='Text'/>
</b:section-contents> |
- La línea resaltada corresponde al gadget al cual se le cambió de sitio.
4.- Vista previa y Guardar plantilla La disposición de los gadgets, después del cambio será ésta: |
