Cargando...
Blogger Draft | Edicion Entradas | Configuración | Diseño | Edición HTML | quickEdit OFF | quickEdit ON

7/9/09

Características de la plantilla

6
Click para ampliar
BLOGGERBLOC

Plantilla para la plataforma Blogger con Header central, Crosscol, cuerpo de entradas a la izquierda y dos tipos de barras laterales a la derecha: widebar-dos columnas-widebar. Footer y un segundo pie de tres columnas. Tonos principales: negro, rojo, gris, blanco y amarillo.

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

Click en el enlace para ver cómo incorporar la nube de etiquetas 3D.

Leer más »

Estilos disponibles

1
TEXTO Y ENLACES. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


LISTAS POST:
  • Elemento 1. (con un enlace)
  • Enlace. Elemento 2
  • Elemento 3
  • Elemento 4



BLOCKQUOTE. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.



.RESALTADO Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.



Sumario en el interior de una entrada
.PULLQUOTE Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.


.transparencia (puntero por encima para ver efecto)

Technorati



.movimiento (puntero por encima para ver efecto)

Technorati
Leer más »

4/9/09

Ajustes previos

3
FECHA ENTRADAS
Desde el Panel de Control, acceder a Configuración-->Formato-->Formato de cabecera de fecha. Seleccionar el formato dd/mm/aa para que la fecha quepa dentro de la pestaña al efecto.

FAVICON
Localizar líneas que generan el <!-- FAVICON -->. Sustituir las URL de la imagen por la propia.


MENU
Localizar líneas que generan el <!-- MENU -->. Sustituir las direcciones de enlace por las propias. Se pueden quitar o añadir más enlaces, teniendo en cuenta el espacio disponible.


MENU ICONOS
Localizar líneas que generan el
<!-- MENU ICONOS -->. Sustituir las direcciones de enlace por las propias y/o cambiar las imágenes de los iconos. Se pueden quitar o añadir más enlaces, teniendo en cuenta el espacio disponible.


PANEL ADMINISTRADOR
Localizar <!-- PANEL DE ADMINISTRACION (Sólo visible tras login --> 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

Leer más »

3/9/09

Efecto desplegado en gadgets barra lateral

0
Para aplicar el efecto desplegado en los nuevos gadgets que incorporeis, habrá que hacer lo siguiente:
  1. Añadir el gadget de la manera habitual (Elementos de Página)
  2. Editar la plantilla con Plantillas de Artilugios Expandidos
  3. Localizar el gadget por su título
  4. Insertar un enlace en el título con una llamada a Effect.toggle, poniendo una identificación al enlace que será única para cada gadget. En el ejemplo sería "barravideo", sustituir en cada caso por la que querais siempre que no se repita en otro gadget.
  5. Añadir al DIV con clase WIDGET-CONTENT la ID antes utilizada y una etiqueta de estilo con un DISPLAY:NONE; para que inicialmente, el gadget no sea visible. Si se desea que inicialmente sea visible, la etiqueta STYLE deberá estar sin ese atributo.
  6. Opcionalmente se puede colocar una imagen con formato, para indicar que el bloque es desplegable.

<b:widget id='VideoBar1' locked='false' title='Barra de vídeo' type='VideoBar'>
<b:includable id='main'>

<a href='javascript:void(0);' onclick='Effect.toggle(&quot;barravideo&quot;,&quot;blind&quot;); return false'> (4)

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>

<h2 class='title'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN3OD_mj16-AmQaWZZz__fGQT43pSmxgvwWr0H_TXoTd0KoGX1bqXfoLKZ0NItLgTY6iqYXbkfG1NSV75fNGaULd6jeoKC53xgzAKzbK5STmvqRMjophE41y1G7ayAENJDRyfxOoyvwDc/s400/marca.gif' style='display:block;float:right;margin:3px 5px 0px 0px;'/><data:title/></h2> (6)

</b:if>

</a> (4)

<div class='widget-content' id='barravideo' style='display:none;'> (5)
<div expr:id='data:widget.instanceId + &quot;_bar&quot;'>
<span class='videoBar-status'>Loading...</span>
</div>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
Leer más »

2/9/09

Instalar blogumus

0
Esta plantilla lleva preinstalada la famosa nube de etiquetas 3D, Blogumus.

Para visualizarla, hay que acceder a Edición HTML teniendo seleccionado Expandir plantillas de artilugios. Justo al final, 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 (Widget 99):

<b:widget id='Label99' locked='false' title='' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<!-- ESPACIO DESTINADO PARA EL WIDGET BLOGUMUS -->

Este tipo de nubes, actualmente no funciona correctamente con Internet Explorer y por ello es una característica opcional. Las etiquetas aparecen pero los enlaces no funcionan.


Actualización: Esta nube de tags ha dado problemas con posterioridad a la publicación de esta plantilla. En el siguiente enlace tenéis una manera de reparar Blogumus de manera definitiva.
Leer más »

Imagenes

0
Estas son las imágenes que utiliza esta plantilla. Están alojadas en Blogger (Picasa), pero sería conveniente que fueran realojadas en vuestros propios almacenes de imágenes y luego se sustituyeran las direcciones en la plantilla. Pinchando en ellas accedes al tamaño original.

FONDO BODY (body)


FONDO CABECERA (#header-inner)


FONDO BUSCADOR (#search-wrapper)

MENU ICONOS


PESTAÑA MENU (ul#main-nav li a)

PESTAÑA MENU HOVER (ul#main-nav li a:hover)

FONDO FECHA (h2.date-header)

FONDO POST. PARTE SUPERIOR (.post-up)


FONDO POST. PARTE CENTRAL (.post)


ICONO COMENTARIOS (.numcomments)


COMILLAS BLOCKQUOTE (post-body blockquote)

SEPARACIONES HR (hr)

ICONO ENLACES (.post-body a)

ICONO LISTAS POST (.post-body ul li)


ICONO MAIL (post-footer-line post-footer-line-1)

FONDO POST. PARTE INFERIOR (.post-bottom)


ICONO COMENTARIOS (#comments-block .comment-author)

FONDO PIE POST (.post-footer)
FONDO CLASE RESALTADO (.resaltado)
FONDO COMENTARIOS Y FORMULARIO IDEM
(#comments-block .comment-body / .comment-form )
FONDO COLUMNAS
(#columnapie1, #columnapie2, #columnapie3)
FONDO TITULOS SIDEBAR (.sidebar h2)

ICONO LISTAS SIDEBAR (.sidebar ul)

ICONO DESPLEGAR GADGETS

FLECHA ENTRADAS MAS RECIENTES (.blog-pager-newer-link)

FLECHA ENTRADAS ANTIGUAS (.blog-pager-older-link)

ICONO INICIO

CLIP PIE COLUMNAS

FONDO PIE COLUMNAS SUPERIOR (#pie-wrapper)

FONDO PIE COLUMNAS INFERIOR (#pie-wrapper-bot)


FLECHA "IR ARRIBA"


EXTRA BONUS
Leer más »

1/9/09

Pruebas

0
No disponemos de todas las versiones de navegadores existentes, pero esta plantilla ha sido probada sin encontrar problemas en:
  • Firefox 3.0.13
  • Internet Explorer 8.0
  • Google Chrome 2.0
  • Safari 3.2.1


Cualquier cosa que observeis, dejad aquí mismo un comentario con el problema y la versión de vuestro navegador.
Leer más »
 

Ultimas entradas

Technorati Blogalaxia Blogesfera Bitacoras.com Twingly Ayuda Blogs Alianzo Wikio Ranking de Buzzear (ES) TOP 100 WEBLOGS Unión Bloggers Hispanos Más tráfico para tu blog Mi blog está incluido en Pixel a Pixel Directorio de blogs Keegy Blogissimo Personal Blogs - Blog Top Sites Blogging Blogs - BlogCatalog Blog Directory Top Internet blogs DirectorioBlogs Directorio Blogger
Creative Commons LicenseBloggerBloc by Oloman is licensed under a Creative Commons License.
Based on a work at Minima Black de Douglas Bowman para Blogger.
Ir Arriba