Añadir gadgets en cabecera de Blogger

La cabecera de Blogger es una sección que está limitada a un solo gadget. Esto impide que podamos agregar un gadget dentro de ella, encima del título del blog, para poner, por ejemplo, un menú. En este tutorial veremos cómo habilitar la opción Añadir un gadget dentro de la cabecera.

Si vamos a: 

Página principal ► Diseño ► Diseño

...veremos la sección correspondiente a la cabecera, sin la opción Añadir un gadget, así:

Para habilitar la opción Añadir un gadget:

1.- Vamos a:

Diseño

►

Editar HTML

►

Click dentro del editor

►

Ctrl+f

►

2.- Localizamos el siguiente código poniendo, dentro del rectángulo de búsqueda (search), una línea del mismo:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Título del blog (cabecera)' type='Header'/> </b:section>

     El anterior código pone a esta sección las siguientes limitaciones:

• maxwidgets='1': máximo de widgets (gadgets): uno.
• showaddelement='no': no permite mostrar en Diseño la opción Añadir un gadget. 

3.- Eliminamos del código esas dos limitaciones, debiendo quedar así:

<b:section class='header' id='header'> <b:widget id='Header1' locked='true' title='Título del blog (cabecera)' type='Header'/> </b:section>

4.- Guardar plantilla.

     Eliminadas las limitaciones habremos habilitado la opción Añadir un gadget.

5.- Vamos a:

Página principal ► Diseño ► Diseño

...y veremos la sección de la cabecera, así:

Podremos agregar, ahora sí, un gadget dentro de la cabecera y encima del título. Esa zona es muy apropiada para poner un menú.

Así se verá un gadget agregado encima del título del blog, dentro de la cabecera, habilitando para ésta la opción Añadir un gadget:

Añadir un gadget debajo del título

Para añadir un gadget dentro de la cabecera, debajo del título, lo añadimos como ya se explicó, luego vamos a Diseño ► Diseño:

...y lo "arrastramos" debajo del título:

De esta manera el gadget quedará debajo del título y al lado izquierdo. Para darle otra posición, por ejemplo en el centro o al lado derecho, vamos a Editar HTML, localizamos esta etiqueta ]]></b:skin> y, antes de la misma, pegamos el sigiente código:

#Image1 { text-align: right; margin-top: -XXXpx; }

• #Image1 es la identificación del gadget. Lo identificamos como se explica en este tutorial, buscándolo en la plantilla por el título que le hayamos puesto.
• right posiciona el gadget al lado derecho; para ubicarlo en el centro ponemos center.
• -XXXpx le da un margen superior negativo al gadget en caso de que necesitemos subirlo (cambiando las Xs por el número de pixeles). Si no necesitamos subirlo omitimos esta línea.

Fuente: http://bloguermast.blogspot.com.es/2013/04/anadir-gadgets-en-cabecera-de-blogger.html

Read more...

Añadir zona de gadgets arriba de la cabecera blogger

En este articulo explicare como añadir o poner zonas de gadgets arriba de la cabecera ya que esta función no viene incluida por defecto en las plantillas de blogger, pero con los siguientes y además simples pasos eso ya sera posible.

1. En el panel de blogger vas a "diseño" de tu blog, luego te vas a "EDICIÓN HTML".
2. Luego con Ctrl + f buscas el siguiente codigo:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

y reemplazas el 'no' por 'yes' y el '1' por un '2'.

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

nota: en este ejemplo ponemos un 2 pero pueden ser hasta 5 zonas de gadgets..

luego das guardar plantilla y te vas a elementos de pagina añades un gadget y lo arrastras por encima de la cabecera y listo..

te quedara algo mas o menos así.

espero les haya servido..

Fuente: http://redesytrucos.blogspot.com.es/2012/06/anadir-zona-de-gadgets-arriba-de-la.html

Read more...

Cómo crear vinculos dentro de la misma entrada

22 de junio de 2009 | Publicado por El Potro | 

Tener enlaces a otra parte del texto puede servir mucho cuando se trata de un artículo extendido y deseas vincular elementos entre sí.

Esto se usa cuando por ejemplo en un post pones un índice con los temas a tratar y usas un enlace que te lleve al tema pero dentro de la misma entrada.

Enlazar estos elementos es muy sencillo, por ejemplo, supongamos que el índice es este:

Tema Uno
Tema Dos
Tema Tres

 Lo que haremos primero es crear el link, quedando así:

<a href="#tema1">Tema Uno</a>
<a href="#tema2">Tema Dos</a>
<a href="#tema3">Tema Tres</a>

Y ya sólo agregas el atributo a name a donde va a apuntar el enlace, por ejemplo:

<a name="tema1">Tema Uno</a>

Lorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem...

De este modo le estás indicando al enlace que se dirija a otra parte dentro del mismo documento, esto se logra con el símbolo de gato (#) y con el nombre del link (a name) le especificas a qué parte del documento debe ir.

Puedes ver el ejemplo funcionando en este post de prueba, haz click en uno de los temas del índice y verás que te lleva a otra parte dentro de la misma entrada.

• Abrir dos o más enlaces con un solo link
• Las mayúsculas y las minúsculas en las URLs
• Gadget para compartir enlaces de las entradas del blog
• Acortadores de URLs para todos los gustos
• Gadget para que nos enlacen

Read more...