'e) IDENTIFGABORES Y CLASES EN LAS PLANTILAS
reg
#navbar iframe - Barra de navegacién Blogger.
#outer-wrapper - Contiene a la totalidad de la
pagina
#header-wrapper - Contiene a la cabecera, titulo y
descripcién.
#content-wrapper - Contiene a la colurna principal
y alas barras laterales.
‘#main-wrapper - Columna principal, contiene a los
articulos publicados.
#sidebar-wrapper - Contiene a las barras laterales.
‘#footer-wrapper - Contiene el pie de pagina
Cree eer)
ppost - Contenedor del post.
post-title - Titulo del post.
post-headerine-1 - informacién del post bajo el
titulo (fecha, autor, etc).
date-header - Fecha de publicacion del post.
post-author - Autor de! post
_post-imestamp - Hora de publicacién del post.
post-labels - Lista de etiquetas del post.
ccomment-link - Enlace para publicar un comentario.
ppost-backlinks - Trackbacks al post.
star-ratings - Sistema de ranking de estrellas.
reaction-buttons - Sistema de evaluacién por
reacciones
Post-location - Geolocalizacién del post.
ppost-body - Cuerpo del post.
post-footer - Informacién al pie del post (etiquetas,
autor, etc.)
Hblog-pager - Contenedor de los enlaces de
navegacion.
bblog-pager-older-link - Enlace de navegacién a post
anteriores
bblog-pager-newer-link - Enlace de navegacion a
post nuevos,
hhome-link - Enlace de navegacién al home.
feedslinks - Enlaces de suscripcién a "Entradas
(Atom), principal e individual.
Pagina 1 de 2
outer-wra
‘Wheader-Urepper
bitte
p.dezoription
“Pmain-wrapper
‘post
post-title
post-body
content
_post-footer
feed-inks
#blog-pager
‘Wfooter-wurap)
footer
Figura 1. Esquerna basioo de una plentilla Blogger
Pee cre
header - Zona bloqueada que contiene un tinico
widget: el header (titutlo y descripcién)
main - Zona bloqueada que contiene un inico
widget: los posts.
sidebar - Zona editable en la barra lateral para
agregar widgets.
footer - Zona editable en el pie de pagina para
agregar widgets,
Header*
#header-inner - Subcontenedor de la cabecera,
titulo y descripcion.
1tile - Titulo de! blog
p.description Descripcién del biog.
Plantilas Blogger en @Templates
(ec) by-nd | htp:/otemplates.comGE IDENTIFICADORES ¥ CLASES EN LAS PLANTILLAS
CePeener nce
widget - Contenedor de cualquier widget, en
cualquier parte de la plantila (sidebar, footer 0
main).
widget-content - Contenido del widget.
widget h2 - Titulo de los widgets
Label - Widgets con la lista de etiquetas
BlogArchive - Widgets con el archivo del blog.
Poll - Widgets de encuesta.
VideoBar - Widgets de barra de videos.
Slideshow - Widgets de presentacién de imagenes.
Image - Widgets de imagenes,
AdSense - Widgets de bloques de Adsense.
“Text - Widgets de texto.
HTML - Widgets de cédigo HTML.
.CustomSearch - Widgets de buscador.
Followers - Widgets de seguidores (Google Friend
Connect).
Profile - Widget de peril del autor.
.BloggerButton - Widget de boten "Powered by
Blogger’
‘Subscribe - Widget de lista de enlace de
suscripcion
.NewsBar - Widget de barra de Google Noticias
Feed - Lista de enlaces de un URLR:
.LinkList - Widget de lista de enlaces,
BlogList - Widget de lista de blogs (blogroll)
Anotaciones
Pagina 2 de 2
Cort atthe la tok
#comments - Contenedor de comentarios y
formulario de comentarios.
#comments h4 - Titulo de comentarios.
dl.comments-block - Contenedor de lista de
comentarios.
.comment-author - Enlace ¢ icono del autor del
comentario,
.comment-body - Cuerpo del comentario.
.comment-footer - Pie del comentario.
‘comment-limestamp - Hora de la publicacién de!
comentario.
‘comment-form - Contenedar del formulario de
comentarios.
h4.comment-post-message - Titulo en el formulario
de comentarios.
Eee Re Re
_busc.status-msg-wrap - Barra de estatus,
-status-msg-body - Mensaje en la barra de estatus.
_stalus-msg-border - Borde de la barra de estatus.
1 Contenedores mas generales y dentro podemas encontrar una o mas zonas de Gadgets (3)
2 Eslilos principales en cada post a considerar que muchos datos no se muesiran hasta que el usuario los agregue desde el
panel.
3 Zonas que pueden contener gadgets, “main” y “header” contienen solo un gadget y estan bloqueados por defecto.
4 Eslilos principales dentro del header.
5 Todos los widgets tienen un esquema similar, pero agregan una clase de acuerdo a su tipo.
6 Estilos para Ia lista y formulario de comentarios.
7 Barra de estatus, se muestra al hacer una busqueda o al entrar a una etiqueta.
Piantillas Blogger en Templates
(60) by-nd | htip:lfotemplates.com