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/AVvXsEhL2Sdt9bAI9yMGcwjdkY01cE1VRvgwPwex9LwCB_Ryt27WYz0RBxyIwQs8BxSXicYmQFZnKqF2PFr5jRs2slJ7Q1IG8uS7qp9aNzNr1QDl-eUr9MWf9Zys9N_XFeBXWEk1Z8N8plZLf2Q/'/></a></li>
 <li><a alt='Twitter' href='http://twitter.com/oloman' title='Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOhhuWjhqqfmsUsANoT1WXJEezXjz_s-J1VnWbw2J7fxbXqCa10za1a5ZRQGQszeFexlr8kyl4z-xAuc450sQ_N4cDb4LW5sXnkWzp2xHR0DsIvtH7P8kWEGjvx5JH1VWpdzSBDnOpF4g/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/AVvXsEiG-aXbswdX87-tkxvmTpZAVfM7M8XgDNHpQdfnPKcchUiJFbQJGjsztaBggdnQ8XbccUfZJfZJsvPy68ZV3GuRxuvreooIGDXjnyZ_2HlLWASU0aruRLrymM1NfTYyJYr6-PhhLGzZHT0/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/AVvXsEiKHuX-GcsvmXVgK1ex_-QBvIBWHVDfuCpNOKq72cMQnbLIGNmaH6B7vTkYBGFhlnxJGevDVEn4_mpbhIZnh7nuklFM6f3JOOXQKCyrceODN33YiSQp520yDxJ89s5vcbuGvan3CqVRXDg/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/AVvXsEjuN6jeTwI4EbbyrWnrGLOY4_P7mxGxZCp-xUxfxAlJwc0dL9ZFiq3Ii9mIQ_luEIOpYoY54N2BGrNRAIQdmmymBl8tRkZ6hMLq_GIFD-_XXD2iP8NS43jQFhGGAjVxd-o5rKtcRD9RwsU/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/AVvXsEhiad_HilzxvTYoGuNDMsjKpufXVu3i_5T9wL9bEtMBfH8PyFqU-PNJEz2lU8o2kmUgfRWiCT7Zibaz8dqGOUarVdEWDAiGx6hhXsNIY54PTBDF5IxDQgbr6sPzLnebJsDWDSr9ibSJqpU/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