Viajar por Europa

abril 18, 2011

widgets instalados en tu blog

Vamos a conocer algo sobre los widgets instalados: los nombres, titulos de widgets en mayúsculas o en minusculas, cambiar el tamaño, la fuente del widget y otras cosas que pueden interesar.

Si necesitas saber todos los widgets instalados en tu blog y los nombres de cada uno de ellos, es muy fácil, solo tienes que entrar en la plantilla (edicion HTML) y sin expandir atributos buscas (CTRL+F) widget y
 veras la relación de tus widgets, te pongo un ejemplo con una plantilla que tiene solo unos cuantos. La plantilla solo tiene una sidebar a la derecha (sidebar-right- ).

Vamos a ver lo siguiente, relacionado con los widgets. Todo aplicable tambien a las plantillas nuevas de blogger:

  • Conocer numero y relación de widgets instalados en nuestra plantilla.
  • Cambiar tamaño, fuente de los titulos de widgets.
  • Cambiar títulos de widgets a minúsculas
  • Permitir adicionar widgets a cabecera del blog y a los posts.
Todo lo que se expone aquí se puede hacer sin expandir artilugios y antes de grabar cambios tienes la opcion vista previa. Acuerdate siempre de guardar una copia de seguridad de la plantilla, no cuesta nada y te ahorras un posible cabreo.


Conocer lista y nombre de los widgets instalados.
Esto que escribo aquí no es ningun truco de Blogger, es simplemente para que te acostumbres a conocer tus plantillas.

Relación de Widgets


<b:section-contents id='sidebar-right-1'>
<b:widget id='PageList1' locked='false' title='Páginas'    type='PageList'/>
<b:widget id='LinkList1' locked='false' title='Lista blog' type='LinkList'/>
<b:widget id='Label2'    locked='false' title='Etiquetas'  type='Label'/>
<b:widget id='Label1'    locked='false' title='Categories' type='Label'/>
<b:widget id='Followers1'locked='false' title='Seguidores' type='Followers'/>
</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='LinkList2' locked='false' title='Top Tabs' type='LinkList'/>
</b:section-contents>

<b:section-contents id='sidebar-right-3'/>
<b:section-contents id='footer-1'/>
<b:section-contents id='footer-2-1'/>
<b:section-contents id='footer-2-2'/>

 


Cambiar el tamaño, fuente, color de los titulos de los widgets
No hay que explicar mucho. Aqui tiene los px y fuentes, consiste en cambiarlos y sin guardar plantilla, con vista previa vas analizando como quedan.

<Group description="Gadgets" selector="h2">
     <Variable name="widget.title.font" description="Title Font" type="font"
        default="bold normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="bold normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
     <Variable name="widget.title.text.color" description="Title Color" type="color" default="#888888" value="#858585"/>
   </Group>

Cambiar los titulos de widgets a minúsculas.

Solo tienes que cambiar el comando "uppercase" por "lowercase" y los títulos se ven en mínusculas. Te puede servir para después decorarlo con un borde exterior, como hemos aprendido en otro post.

<Variable name="widget.title.text.transform" description="Widget Title Text Transform" type="string" default="uppercase" value="uppercase"/>

Añadir widget en cabecera y alrededor de los posts: Puedes añadir widgets por encima de tus posts. Normalmente tienes solo uno, pues buscas en plantilla (HTML) maxwidgets y le indicas el número de widgets y en showaddelement cambias de "no" a "yes".


<b:section class='header' id='header' maxwidgets='3' showaddelement='si'>
<b:widget id='Header1' locked='true' title='plantilla seo (cabecera)' type='Header'/>
</b:section>


Y lo mismo puedes jugar con los siguientes codigos maxwidgets y showaddelement


     <div class='fauxborder-left tabs-fauxborder-left'>
    <div class='fauxborder-right tabs-fauxborder-right'/>
    <div class='region-inner tabs-inner'>
      <b:section class='tabs' id='crosscol' maxwidgets='3' showaddelement='yes'/>
      <b:section class='tabs' id='crosscol-overflow' showaddelement='yes'/>
    </div>
    </div>


Tambien puedes cambiar la primera linea siguiente por la segunda:


<b:section class='main' id='main' showaddelement='no'>

y la cambiamos por

<b:section class='main' id='main' maxwidgets='2' showaddelement='yes'>


Quizás busques como subrayar los títulos de los widgets.

3 comentarios:

  1. Hola. Se puede subrayar los widgets?
    En mi blog tengo el siguiente codigo pero no sé como subrayarlo...

    Group description="Gadgets" selector="h2">






    Gracias!!

    ResponderEliminar
  2. Hola Marcela, hoy te he dedicado unas cuantas horas, con gran placer por mi parte. Al exponerme tu duda he observado que falta un post dedicado a subrayar los widget o gadget, como no me comentas que plantilla tienes si es mínima o nueva ni el modelo he intentado cubrir todas las posibilidades que se pueden dar. Espero que te sea útil y sea útil a futuros visitantes. ¡a tú salud!

    ResponderEliminar
  3. Hola! Antes que nada,Disculpas por la falta de información, y muchas gracias por la respuesta.
    Te comento que tengo la plantilla "Sencillo". Ahora miro tu nuevo post.
    Te agradezco mucho!! Cualquier consulta te escribo y también te comento si pude subrayarlos !!

    Saludos,

    Marce

    ResponderEliminar

Si haces un comentario procura que no sea anónimo y si estás solicitando algo al menos espero que votes en Google Plus. Saludos.