Plantilla BLOGGERBLOC

VER                   DESCARGAR

Esta es una plantilla, con un Header central, Crosscol.
El cuerpo de la entrada esta situada a la izquierda, y dispone de dos barras laterales a la derecha.
Tiene un footer de tres columnas.


Incluye:

• Aviso carga de página
• Optimización títulos de páginas
• Favicon:
• Navbar escamoteable
• Menú de pestañas configurable
• Menú de iconos configurable
• Buscador interno/externo integrado configurable
• Sumarios con imagen en página principal
• Etiqueta gráfica con nº comentarios
• Muestra la fecha en todas las entradas aunque sean del mismo día
• Flecha "ir arriba" con efecto suave
• Estilo desestructurado para gadget nube etiquetas
• Código nube etiquetas 3D preinstalado
• Secciones desplegables
• Librerías Prototype y Scriptaculous
• Script "Post al azar"
• Anulado el rótulo "Mostrar entradas..."
• Adsense dentro de las entradas
• Panel de administrador visible sólo para el idem
• Anotaciones descriptivas en la plantilla

Click en el enlace para ver cómo incorporar nuevos gadgets en la barra lateral con el efecto plegar/desplegar.

¿Como podemos cambiar la fecha de las entradas?

Desde el panel de nuestro blog, accedemos a:
Configuración> Idioma y formato y lo cambiamos por el formato dd/mm/aa para que la fecha quede dentro de la pestaña de efecto.

Cambiar el Favicon.
Nos metemos en nuestra en Plantilla > Editar HTML y buscamos este código.
Cambiamos la imagen que esta marcado en rojo por la nuestra.

<!-- FAVICON --><link href='http://img266.imageshack.us/img266/8256/faviconbn.gif' rel='icon' type='image/gif'/><link href='http://img266.imageshack.us/img266/8256/faviconbn.gif' rel='shortcut icon' type='image/gif'/>

Cambiar el Menu.
Nos metemos en nuestra en Plantilla > Editar HTML y buscamos este código.

<!-- MENU --><ul id='main-nav'> <li><a expr:href='data:blog.homepageUrl' title='Inicio'>Inicio</a></li> <li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>RSS</a></li> <li><a href='#random' onclick='feelingLucky()' title='Post al azar'>&#161;Salta!</a></li>
</ul>

Sustituir las direcciones de enlace por las propias. Se pueden quitar o añadir más enlaces, teniendo en cuenta el espacio disponible.


Cambiar el Menu de Iconos

Nos metemos en nuestra en Plantilla > Editar HTML y buscamos este código.
Sustituir las direcciones de enlace por las propias.

<!-- MENU ICONOS -->
<ul id='icon-nav'>
 <li><a alt='Suscribir feed' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Suscribir feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhthQrxugACOuGgwwrAdp0ccVRloZNRL3j6FukeFrPawOWgud-k4jFBecGVVtZAGUUjYtmMdsnyqLuklVv4LDkCSSM2S84d2rixRt1MkeuuD9xb7qM2ZgPW8RajdWpDhDA3-4fKLCLEkTU/'/></a></li>
 <li><a alt='Twitter' href='http://twitter.com/oloman' title='Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-BfPx0tVTciDpC5NSOmuFzHi_qagX7aIREHWKeeM6vBNwQ7pzSmVi4kcsUvb08-RPJ_j4kVNBd5rm8l051MVufDTfQlEaa_ThWkKgZ1as_loMA0LDrorCtseo4OD49U6z1UkIZil6NCw/s400/twitter+negro.jpg'/></a></li>
 <li><a alt='Imageshack' href='http://imageshack.us/' title='Imageshack'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS72hw0HRGPizS5YMxVcKicWkSb7wejZVZ7Pgv-20wKdy-_jlcuJA8XubXYhDjumPmFmw84wX_GsYObWGFtEU9Fj-1k2XQHLkXDgKx4NSTY-WQKbTPFO8GOdatZSiylNcG0z9LJV7c3QQ/s400/imageshak+negro.jpg'/></a></li>
 <li><a alt='Fotolog' href='http://www.fotolog.com' title='Fotolog'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjssmYsoFC70q9ltBepyKs6ZglIXg0VxZRfB8okEnqqkJtKp3YXSZ-jIRCv-UZfMIrMOSDbVbWv7fuVYZpD2JZFankkRpHqngAU831mHEMQ3QLrVGx-MSTFBN2YGAyLayjLXlQsngvyZDk/s400/fotolog+negro.jpg'/></a></li>
 <li><a alt='YouTube' href='http://www.youtube.com' title='YouTube'><img src=' https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVCyJfKf6jnROyxRpXSE1s4vyOhSOzDQ6Tn-C88zqq__-JFrdwIkCAE1disBou5R9AROyYP40q-OWu-E0BjaojL4V8cvNBmOXlvPVE2Z9_9YHRJB-43wa1qbywqFk1Mlku22HzdFC_xbw/s400/youtube+negro.jpg'/></a></li>
 <li><a alt='Base botón' href='javascript:void();' title='Base botón'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU-CM6m-XTEkDR7rAJ4PjZ9chVGCjUQFsWVfUGBAS0-qsfFCoVeL1bghIc4QA9t0fQ9ihSgs10X_CYjJiiMc9M_bftP9_pG6GP4e8Bo20alX7clve7j5XwQ8vz8MaJ-t_3SkZQUMifLRA/s400/base+negro.jpg'/></a></li>
</ul> 

PANEL ADMINISTRADOR
Localizar el panel de administración y cambiar las cuatro blogID por las propias. Las podrás obtener tras loguearte en Blogger, accediendo a cualquier apartado del Panel de Control.
En la barra de direcciones figura dicha ID.
Por ejemplo, al pinchar en Diseño, en la barra aparece al final:

http://www.blogger.com/rearrange?blogID=XXXXXXXXXXXXXXXXXXX
Click en el enlace para ver cómo incorporar la nube de etiquetas 3D.

Como podemos cambiar la nube de etiquetas:
Nos vamos a nuestra plantilla > Edicion HTML 
y al final de la plantilla antes de </body> y encerrado entre símbolos de comentario <!-- -->, encontramos todo el código necesario.
Simplemente hay que copiar todo lo que está entre los símbolos mencionados y copiarlo justo después este trozo de código

Teniendo en cuenta esto, para reparar el gadget tenemos que hacer lo siguiente:
descargar el archivo tagcloud.swf
alojarlo en nuestro servicio (Google Sites?)
copiar su nueva dirección, editar el código de la nube
sustituir la dirección http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf por la nueva dirección