Manual para Personalizar Plantillas

Plantillas Blogger
1. Cdigos de plantilla definidos

Los cdigos de Blogger se parecen mucho a los de HTML.
Una diferencia es que distinguen entre maysculas y minsculas.
Cdigos de Blogger definidos:
<$BlogSiteFeedLink$>: coloca la URL del feed del sitio
dentro de un cdigo <link>:
<link rel="service.feed"
type="application/atom+xml" title="Ttulo
de su blog"
href="http://yourblog.blogspot.com/atom.xm
l" />
<$BlogEncoding$>: inserta la configuracin de codificacin

de la pestaa Opciones | Formato en una declaracin de
tipo de contenido. Concretamente:
<meta http-equiv="Content-Type"
content="text/html; charset=<$BlogEncoding$>" />
<BlogSiteFeed><$BlogSiteFeedUrl$></BlogSiteFeed>:
permite que el feed RSS de su blog se descubra automti-
camente mediante la compatibilidad con agregadores.

Ejemplo:
<BlogSiteFeed>
<link rel="alternate"
type="application/rss+xml"
title="RSS"
href="<$BlogSiteFeedUrl$>" />
</BlogSiteFeed>
<$BlogMetaData$>: inserta todos los metadatos del blog

va un cdigo. Ejemplo:
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8" />
<meta name="MSSmartTagsPreventParsing"
content="true" />
<meta name="generator" content="Blogger"
/>
<link rel="service.feed"
type="application/atom+xml"
title="DanoTestMule"
href="http://testmule.blogspot.com/atom.xm
l" />
<link rel="service.post"
type="application/atom+xml"
title="DanoTestMule"
href="http://www.blogger.com/atom/6602135"
/>
Plantillas Blogger
<link rel="EditURI"
type="application/rsd+xml"
title="RSD"
href="http://www.blogger.com/rsd.pyra?blog
ID=6602135" />
<meta name="ROBOTS"
content="NOINDEX,NOFOLLOW" />
(este ltimo cdigo aparecer si su blog est configurado
como no incluido en la lista)
</BlogDateHeader>: colocan cabeceras de fecha en cada

entrada, segn la configuracin definida en la pestaa Opciones | Formato.
<BlogItemTitle>
<BlogItemURL>
<a href="<$BlogItemURL$>">
</BlogItemURL>
<$BlogItemTitle$></a>
<$BlogPageTitle$>: asigna ttulos inteligentes a las pginas del blog que ha publicado ("Nombre del blog" a la pgina del ndice, "Nombre del blog: informacin de fecha" a las
pginas de archivado y "Nombre del blog: ttulo de la entrada" a las pginas de entrada). Este cdigo slo debe utilizarse en un cdigo <head> de la plantilla, entre <title> y
</title>.
<$BlogTitle$>: ttulo del blog.
<$BlogDescription$>: descripcin del blog.
</BlogItemTitle>: colocan un ttulo en cada entrada, enlazado a sus respectivas URL externas. Elimine las lneas segunda, tercera y cuarta para desenlazar los ttulos.
<$BlogItemBody$>: contenido de una entrada.
<$BlogItemAuthor$>: autor de una entrada (con nombre y
apellido).
<$BlogItemAuthorNickname$>: nombre visible del autor
de una entrada.
<Blogger> & </Blogger> : principales "cdigos de contenedor" del contenido de su blog; la mayora de los cdigos
siguientes deben colocarse dentro de stos para funcionar
correctamente.
<$BlogItemAuthorEmail$>: direccin de correo electrnico

del autor de una entrada.
<$BlogItemAuthorURL$>: URL de la pgina principal del
autor de una entrada.
<BlogDateHeader>
<$BlogItemDateTime$>: fecha u hora de una entrada.
<$BlogDateHeaderDate$>
<$BlogItemNumber$>: nmero de identificacin exclusivo

de una entrada.
Plantillas Blogger
<$BlogItemArchiveFileName$>: nombre de archivo de

una entrada.
Cdigo de la entrada anterior
<$BlogItemPermalinkURL$>: vnculo perm. de una entrada.
<BloggerPreviousItems>
<$BlogItemControl$>: vnculo Edicin rpida de una entrada.

<BlogDateFooter> </BlogDateFooter>: colocan pies de
pgina de fecha en cada entrada, segn la configuracin
definida en la pestaa Opciones | Formato.
Cdigos de la lista de archivos de la columna lateral,
(Explicado en el artculo sobre entradas anteriores):
<a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$>
</a><br />
</BloggerPreviousItems>
Cdigo de comentario
(Explicado en el artculo sobre cdigos de comentario):
(Explicados en el artculo sobre vnculos de archivo):
<BlogItemCommentsEnabled>
<BloggerArchives>
<$BlogItemCommentCount$>
<BloggerArchives>
<a
href='<$BlogArchiveURL$>'><$BlogArchiveNam
e$></a>
</BloggerArchives>
<$BlogItemCommentCreate$>
<$BlogItemCommentFormOnClick$>
<BlogItemComments>
<a name="<$BlogCommentNumber$>"></a>
Cdigos condicionales
<$BlogCommentBody$>
(Explicados en el artculo sobre cdigos condicionales):
<$BlogCommentPermalinkURL$>
<MainPage></MainPage>
<$BlogCommentAuthor$>
<ArchivePage></ArchivePage>
<$BlogCommentDateTime$>
<ItemPage></ItemPage>
<$BlogCommentDeleteIcon$>
<MainOrArchivePage></MainOrArchivePage>
<$BlogItemCreate$>
Plantillas Blogger
</BlogItemComments>
</BlogItemCommentsEnabled>
Cdigo de perfil, explicado en el artculo sobre cdigos
de perfil:
<$BlogOwnerNickname$>
<$BlogOwnerFirstName$>
<$BlogOwnerLastName$>
<$BlogOwnerFullName$>
<$BlogOwnerEmail$>
<$BlogOwnerLocation$>
<$BlogOwnerAboutMe$>
<$BlogOwnerPhotoUrl$>
<$BlogOwnerProfileUrl$>
Plantillas Blogger
2. Descripcin detallada de las plantillas

En muchos de nuestros artculos se describen de forma detallada los distintos cdigos de plantilla de Blogger, pero en
ste le ofrecemos una demostracin de cmo interactan
para crear una plantilla completa. A medida que avancemos, le explicaremos qu sucede en cada paso. Exceptuando los cdigos HTML y CSS normales, todos los dems
cdigos de Blogger aparecen resaltados para que puedan
identificarse fcilmente. Aqu tiene un ejemplo.
<html><head><title><$BlogPageTitle$></title>
Esto es el principio de nuestra plantilla. Normalmente, emplear el cdigo <$BlogPageTitle$> para el ttulo, a fin de
garantizar que se utilice automticamente el nombre adecuado en todas las pginas.
<style>
/* style modified from glish:
http://www.glish.com/css/ */
body{margin:0px 0px 0px 0px;fontfamily:trebuchet
ms, verdana, sans-serif; backgroundcolor:white;}
#Title{font-size:63px; padding-left:15px;
padding-top:10px; texttransform:uppercase;
font-family:trebuchet ms, verdana, sansserif;}

#Title a {text-decoration:none;
color:inherit;}
#Description{padding:0px; paddingtop:10px;
font-size:12px; font-weight:normal}
.DateHeader{border-bottom:none; fontsize:15px;
text-align:left;
margin-top:20px; margin-bottom:14px;
padding:1px;
padding-left:17px; color:gray;
font-family:trebuchet ms, verdana, sansserif;}
.PostTitle{font-size:18px; fontweight:bold}
.Post{padding-left:20px; marginbottom:20px;
text-indent:10px;
padding-right:20px; line-height:22px}
.PostFooter{margin-bottom:15px; marginleft:0px;
color:black; font-size:10px}
#leftcontent{background-color:whitesmoke;
border-right:2px dashed #000;
border-bottom:0px dashed #000; float:left;
padding-bottom:20px;
Plantillas Blogger
margin-right:15px; padding:0px; width:67%;

border-top:0px dashed #000}
.SideBarTitle{font-weight:bold; fontsize:18px}
h1{font-size:14px; padding-top:10px}
a{text-decoration:none}
a:hover{border-bottom:dashed 1px red}
#rightcontent{font-size:12px; height:100%;
margin-left:0px; text-transform:none;
padding-right:10px; backgroundcolor:white;}
.blogComments{font-size:15px; textalign:left;
margin-top:20px; margin-bottom:14px;
padding:1px;
padding-left:17px; color:gray; fontfamily:trebuchet
ms, verdana, sans-serif;}
.blogComment{margin-top:10px; marginbottom:10px;
color:black; text-indent:10px; paddingright:20px;
line-height:22px}
.deleted-comment {font-style:italic;
color:gray;}
.byline{margin-bottom:20px; marginleft:0px;
margin-right:10px; color:black;
font-size:10px; display:inline}
#profile-container { }
.profile-datablock { }
.profile-img {display:inline;}
.profile-img img {float:left; margin:0
10px 0px 0;
border:4px solid #ccc;}
#profile-container p { }
#profile-container .profile-textblock { }
.profile-data strong {display:block;}
</style>
Esta seccin es la hoja de estilos, que describe los colores,

las fuentes, los bordes y otras propiedades de la pgina. Si
desea obtener ms informacin, consulte Cmo puedo
cambiar los colores o las fuentes de mi plantilla? y Qu
ms puedo hacer con CSS?

<$BlogMetaData$>
</head>
Al final de esta primera seccin aparece el cdigo <$BlogMetaData$>, que es extremadamente til, ya que inserta
automticamente y en un solo paso todos los metacdigos
que necesita para el blog.
Veamos ahora el cuerpo de la plantilla. Se trata de la parte
que vemos en la ventana del navegador al visualizar el blog.
Plantillas Blogger
<body>
<div id="leftcontent">
<div id="Title">
<ItemPage><a
href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</div>
El cdigo <$BlogTitle$> es la parte que muestra el ttulo de
nuestro blog. Le hemos aadido otro cdigo alrededor para
crear un vnculo que permita volver a la pgina principal. El
cdigo <$BlogURL$> es el que proporciona la direccin.
Sin embargo, puesto que no deseamos tener que volver a la
pgina principal si ya estamos en ella, hemos incluido el
vnculo dentro de los cdigos <ItemPage> para que slo
aparezca en las pginas de elementos.
Veamos ahora las entradas:
<Blogger>
<BlogDateHeader>
<div
class="DateHeader"><$BlogDateHeaderDate$></d
iv>
</BlogDateHeader>
<div class="Post">
<a name="<$BlogItemNumber$>"> </a>
<BlogItemTitle><span class="PostTitle">
<BlogItemURL><a
href="<$BlogItemURL$>"></BlogItemURL>
<$BlogItemTitle$></a></span></BlogItemTitle>
<$BlogItemBody$>
<span class="PostFooter">
¶ <a href="<$BlogItemPermalinkURL$>"
title="permanent link">
<$BlogItemDateTime$></a>
<MainOrArchivePage><BlogItemCommentsEnabled>
<a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentFormOnClick$>>
<$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled></MainOrArchivePage>
</span>
</div>
Observe el cdigo <Blogger> situado al principio de esta
seccin. No tardaremos en encontrar el cdigo </Blogger>
correspondiente. La informacin comprendida entre estos
dos cdigos se repetir en todas las entradas de su pgina.
Todos los cdigos que incluyen el smbolo del dlar ($) en
esta seccin hacen referencia a informacin que ser diferente en cada entrada. Por ejemplo, <$BlogItemTitle$> imprime el ttulo y <$BlogItemBody$> imprime todo el texto
de la entrada.
Los cdigos sin el smbolo dlar indican si una informacin
concreta debe o no imprimirse. Por ejemplo,
<BlogItemTitle> y </BlogItemTitle> incluyen cdigo y tex-
Plantillas Blogger
to que slo aparecern si el elemento presenta un ttulo.

Igualmente,
el
texto
comprendido
entre
<MainOrArchivePage> y </MainOrArchivePage> slo
aparecer en la pgina principal o en pginas de archivo.
Utilizamos este cdigo para delimitar los vnculos de comentarios, dado que no es necesario mostrarlos en las pginas de elementos.
Hablando de comentarios, necesitamos un cdigo que nos
permita mostrar los comentarios de las entradas que contienen algunos. Lo veremos a continuacin. Recuerde que
todava estamos analizando los cdigos <Blogger>, porque
los comentarios hacen referencia a entradas individuales.
<ItemPage>
<div class="blogComments">
<BlogItemCommentsEnabled><a
name="comments"></a>
Comentarios:
<BlogItemComments>
<div class="blogComment">
<$BlogCommentBody$><br />
<div class="byline">
<a href="<$BlogCommentPermalinkURL$>"
title="vnculo permanente">#</a>
entrada de <$BlogCommentAuthor$> :
</div>
</div>
</BlogItemComments>
<$BlogItemCreate$>
</div>
<br /> <br />
<a href="<$BlogURL$>"><< Pgina principal</a>
</div>
</ItemPage>
</Blogger>
</div>
En esta seccin aparecen los cdigos <ItemPage> y <BlogItemCommentsEnabled>, de modo que este cdigo slo
se mostrar en las pginas de entrada de aquellas entradas
que admitan comentarios. Los cdigos <BlogItemComments> y </BlogItemComments> son parecidos a <Blogger>, puesto que contienen el cdigo que se repetir en cada comentario de la pgina. Dentro de estos cdigos ver
que el proceso para mostrar comentarios es bastante parecido al que se emplea para mostrar entradas. Se utiliza
<$BlogCommentBody$> para el texto del comentario, etc.
Existen dos cdigos ms cuyo funcionamiento es ligeramente distinto. <$BlogCommentDeleteIcon$> inserta automticamente un icono de supresin y un vnculo en cada
comentario. <$BlogItemCreate$> inserta el vnculo que
Plantillas Blogger
permite aadir un nuevo comentario. Para obtener ms detalles sobre todos los cdigos de comentario, consulte este
artculo.
sta es toda la informacin referente a la seccin principal
de la plantilla. Veamos ahora la columna lateral.
<div id="rightcontent">
<div
id="Description"><$BlogDescription$></div>
El cdigo <$BlogDescription$> es parecido al cdigo
<$BlogTitle$> que hemos visto anteriormente. Su funcin
es mostrar la descripcin del blog.
<p>
<div id="profile-container">
<div class="SideBarTitle">INFORMACIN
PERSONAL</div>
<dl class="profile-datablock">
<dt class="profile-img">
<img src="<$BlogOwnerPhotoUrl$>"
width="68" alt="" />
</dt>
<dd class="profiledata"><strong>Nombre:</strong>
<$BlogOwnerNickname$></dd>
<dd class="profiledata"><strong>Ubicacin:</strong>
<$BlogOwnerLocation$></dd>
10
</dl>
<p class="profile-textblock">
</p>
<p class="profile-link">
<a href="<$BlogOwnerProfileUrl$>">Ver mi perfil</a>
</p>
</div>
Esta seccin contiene datos de su perfil, incluido un vnculo
a la pgina que contiene toda la informacin de perfil. Todos
estos cdigos tienen nombres bastante descriptivos, como
<$BlogOwnerNickname$>, lo que permite adivinar la informacin que mostrarn.
Otra utilidad que puede incluir en la columna lateral es una
lista de todos los vnculos de archivo.
<div class="SideBarTitle">ARCHIVOS</div>
<BloggerArchives>
<a
href="<$BlogArchiveURL$>"><$BlogArchiveName$
></a>
</BloggerArchives>
<br /></p>
Los cdigos <BloggerArchives> tambin estn asociados
con la repeticin. Imprimen la lnea de cdigo que delimitan
en cada archivo.
Plantillas Blogger
Si desea incluir algn elemento ms en su columna lateral

(otros vnculos, ms texto, etc.), puede aadir el cdigo
aqu. Puede copiar el formato del ttulo ARCHIVOS, si desea crear ms cabeceras.
Obviamente, al final de la plantilla dispone del ubicuo botn
Asistido por Blogger:
<br />
<p style="text-align:center">
<a href="http://www.blogger.com">
<img alt="Asistido por Blogger" border="0"
src="http://buttons.blogger.com/bloggerbut
ton1.gif">
</a>
</p>
</div>
</body>
</html>
Y aqu termina nuestra plantilla. Si desea utilizarla o modificarla, la encontrar en la lista correspondiente con el nombre "Tekka".
11
Plantillas Blogger
12
<$BlogOwnerLocation$>
3. Lista de cdigos de plantilla

A continuacin ofrecemos una lista de todos los cdigos de
plantilla de Blogger que puede copiar y pegar al piratear
plantillas. Dichos cdigos se describen con mayor detalle en
Cdigos de plantilla de Blogger, definidos.
<$BlogOwnerProfileURL$>
<Blogger>
<BlogDateHeader>
<cdigos head>:
<$BlogDateHeaderDate$>
<$BlogSiteFeedLink$>
</BlogDateHeader>
<$BlogEncoding$>
<BlogItemTitle>
<BlogSiteFeed>
<BlogItemURL>
<$BlogSiteFeedUrl$>
<a href="<$BlogItemURL$>">
</BlogSiteFeed>
</BlogItemURL>
<$BlogMetaData$>
<$BlogItemTitle$></a>
<$BlogPageTitle$>
</BlogItemTitle>
cdigos <body>:
<BlogItemTitle>
<$BlogOwnerFirstName$>
<$BlogItemTitle$>
<$BlogOwnerLastName$>
</BlogItemTitle>
<$BlogOwnerEmail$>
<$BlogItemBody$>
<$BlogOwnerFullName$>
<$BlogItemAuthor$>
<$BlogOwnerPhotoUrl$>
<$BlogItemAuthorNickname$>
<$BlogOwnerNickname$>
<$BlogItemAuthorEmail$>
Plantillas Blogger
13
<$BlogItemAuthorURL$>
</a><br />
<$BlogItemDateTime$>
</BloggerPreviousItems>
<$BlogItemNumber$>
<$BlogItemArchiveFileName$>
<$BlogItemCommentCount$>
<$BlogItemPermalinkURL$>
<$BlogItemCommentCreate$>
<$BlogItemControl$>
<$BlogItemCommentFormOnClick$>
<BlogDateFooter>
<BlogItemComments>
</BlogDateFooter>
</Blogger>
<$BlogCommentBody$>
<BloggerArchives>
<$BlogCommentPermalinkURL$>
<a href='<$BlogArchiveURL$>'>
<$BlogCommentAuthor$>
<$BlogArchiveName$></a>
</BloggerArchives>
<$BlogItemCreate$>
</BlogItemComments>
<a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$>
Plantillas Blogger
4. Cul es la funcin de los cdigos de plantilla de Blogger?

Blogger simplifica las actualizaciones en la web. Lo nico
que deber hacer es redactar la entrada y hacer clic en "publicar" para que la pgina se actualice. Cuando enva una
entrada a Blogger, la guardamos en nuestra base de datos.
En este punto es donde actan los cdigos de Blogger indicando a nuestro programa de publicacin de blogs la informacin que debe obtener de la base de datos para colocarla en la pgina. "Por favor, coloque el ttulo aqu, la entrada
justo debajo y la fecha y la hora aqu y all. Gracias". Todo
con una educacin exquisita.
El aspecto de los cdigos de Blogger es como el de los cdigos HTML, lo que facilita el trabajo a los usuarios ms
avanzados que deseen personalizar una plantilla. Hay varios tipos de cdigos de Blogger, pero podemos diferenciarlos en dos grandes grupos: los cdigos de nivel de elemento y los cdigos de nivel de pgina.
Los primeros hacen todo el trabajo sucio porque son los que
extraen la informacin de la base de datos de Blogger para
colocarla en la web. Se trata de la tarea ms ardua, pero no
se preocupen: les hemos entrenado para trabajar duro. Reconocer un cdigo de nivel de elemento es muy sencillo
porque son los que llevan el smbolo de dinero, como
14
<$BlogItemAuthor$> (este cdigo har que se muestre el

nombre del autor del blog).
Los cdigos de nivel de pgina se creen ms atractivos que
los dems (aunque no lo son) porque estn ms relacionados con el diseo y la estructura de la pgina. Estos cdigos indican a los cdigos de nivel de elemento cundo y
dnde intervenir, por lo que preceden y siguen a estos ltimos.
<BloggerArchives>
<$BlogArchiveURL$>
<$BlogArchiveName$>
</BloggerArchives>
Ha visto cmo el cdigo Blogger Archives autoriza la intervencin de los dos que presentan el smbolo de dinero?
Qu mandn! De todos modos, ambos cdigos se llevan
muy bien. No podemos quejarnos.
Adems, tambin se entienden bien con los cdigos HTML.
Los diseadores de pginas web que deseen crear sus propias plantillas de Blogger (o modificar nuestras plantillas
gratuitas) saben que pueden colocar cdigos HTML alrededor de nuestros cdigos para darles el formato deseado.
<BlogDateHeader>
<h4><$BlogDateHeaderDate$></h4>
</BlogDateHeader>
Plantillas Blogger
En el ejemplo anterior, las cabeceras de fecha de cada entrada de blog se mostrarn en negrita y en un tamao mayor que el resto del texto de la pgina web porque el usuario
ha colocado los cdigos <h4></h4> (este cdigo en lenguaje HTML significa "mayor y ms oscuro") alrededor del
cdigo <$BlogDateHeaderDate$>.
sta es slo una pequea muestra de los experimentos que
pueden hacerse con los cdigos HTML y los de Blogger.
Recuerde que no tiene por qu utilizar el cdigo de su plantilla. Por algo le ofrecemos un sinfn de diseos gratuitos.
Sin embargo, dispone de otras guas de aprendizaje por si
desea intentar crear su propia plantilla. Aqu tiene una sugerencia para cuando se ponga manos a la obra: antes de
empezar, copie el cdigo que se encuentra en la seccin de
su plantilla y gurdelo como archivo de texto para que, en
caso de echarlo todo a perder, pueda recuperar lo que tena
al principio. Divirtase!
15
Plantillas Blogger
5. Cdigos de comentario
Una plantilla contiene dos tipos de cdigos de comentario.
Uno slo crea los vnculos que los lectores ven junto a sus
entradas y en los que pueden hacer clic para hacerle un
comentario. El otro muestra los propios comentarios. Analicemos estas dos partes por separado.
En estos ejemplos se muestra la cantidad mnima de cdigo
para los comentarios. Obviamente, puede aadirles el formato que desee para que su aspecto est en consonancia
con el resto de su blog.
Vnculos:
El cdigo siguiente imprimir un vnculo titulado "X comentarios", donde "X" indica el nmero de comentarios que ha
recibido su entrada hasta la fecha. Este vnculo debe colocarse entre los cdigos <Blogger> y </Blogger> de sus entradas y suele aparecer en la lnea donde se hace constar el
nombre del autor.
<a href="<$BlogItemCommentCreate$>"
<$BlogItemCommentCount$> comentarios</a>
En
primer
lugar,
observe
los
cdigos
<BlogItemCommentsEnabled> que rodean a los dems.
16
Su misin es hacer que el resto del cdigo slo se muestre

en las entradas que tienen la opcin de comentarios habilitada. El vnculo a <$BlogItemCommentCreate$> permitir
acceder a la pgina en la que podr leer los comentarios
existentes
y
crear
uno
nuevo.
<$BlogItemCommentFormOnClick$> incluye el cdigo
que abre el vnculo en una ventana emergente, si ha seleccionado la opcin que as lo permita. Tenga en cuenta que
debe colocarse dentro del cdigo de abertura <a>. Finalmente, <$BlogItemCommentCount$> simplemente muestra el nmero de comentarios de dicha entrada. Puede introducir el texto que desee en el lugar de "comentarios".
Comentarios:
Esta parte del cdigo tambin se colocar entre los cdigos
<Blogger> y </Blogger>, pero probablemente desee incluirlos dentro de los cdigos <ItemPage> y </ItemPage>,
de modo que los comentarios slo aparezcan en las pginas de las entradas y no irrumpan desordenadamente en la
pgina principal de su blog.
<a name="comments"></a>
<h4><$BlogItemCommentCount$>
Comentarios:</h4>
<BlogItemComments>
Plantillas Blogger
<p class="comment-body">
<$BlogCommentBody$>
</p>
<p class="comment-data">
By <$BlogCommentAuthor$>, at
<a href="#<$BlogCommentNumber$>">
<$BlogCommentDateTime$></a>
</p>
</BlogItemComments>
<p><a href="<$BlogItemCommentCreate$>"
Publicar un comentario en la entrada</a></p>
Estos cdigos estn relacionados con el fragmento de cdigo anterior. Una vez ms, hemos incluido todos los cdigos
dentro de <BlogItemCommentsEnabled> para que las entradas que no permiten hacer comentarios no impriman nada. Tambin disponemos de <$BlogItemCommentCount$> como antes, para mostrar el nmero de comentarios.
Los cdigos <BlogItemComments> delimitan la seccin de
cdigo que crea ciclos para mostrar cada comentario. Los
cdigos <$BlogCommentBody$>, <$BlogCommentAuthor$> y <$BlogCommentDateTime$> muestran la informacin que espera de ellos, con la ventaja aadida de que
17
el cdigo de autor incluye un vnculo para acceder al perfil

de ste o a su pgina web, si existe. El cdigo <$BlogCommentNumber$> muestra el nmero de identificacin
de cada comentario, lo que resulta til para crear vnculos
perm., como los nmeros de identificacin de las entradas
normales.
Por ltimo, hay dos pequeos cdigos ms que complementan la funcionalidad. <$BlogCommentDeleteIcon$>
inserta un botn de supresin en cada comentario, aunque
slo si la persona que lo lee es el autor del comentario o un
administrador del blog, es decir, los nicos que pueden suprimir comentarios. <$BlogItemCreate$> aade el vnculo
que permite realizar nuevos comentarios.
Plantillas Blogger
6. Cdigos de perfil
Existen varios cdigos que permiten mostrar informacin de
su perfil en su blog. stos son algunos:
<$BlogMemberProfile$>: cdigo "inteligente" que incorpora las funcionalidades de todos los cdigos siguientes, lo
que significa que evitar la visualizacin de informacin que
no figura en su perfil (o que no desea compartir). Si lo utiliza
en un blog de equipo, ofrecer una lista de vnculos a los
perfiles de los miembros.
<$BlogOwnerNickname$>: su alias.
18
<p>
<img src="<$BlogOwnerPhotoUrl$>"><br />
<strong>Nombre:</strong>
<$BlogOwnerFullName$><br />
<strong>Direccin:</strong>
<$BlogOwnerLocation$><br />
<strong>Informacin personal:</strong>
<$BlogOwnerAboutMe$><br />
<a href="<$BlogOwnerProfileUrl$>">Ver todo
mi perfil</a>
</p>
ste es el aspecto que tendr el blog una vez publicado:
<$BlogOwnerFirstName$>: su nombre de pila.
Nombre: Joe Blogger
<$BlogOwnerLastName$>: su apellido.
Direccin: Mountain View: California: Estados Unidos
<$BlogOwnerFullName$>: su nombre y apellido.
Informacin personal: tengo mucha imaginacin, soy

el ejemplo ideal de perfil de artculo de la Ayuda de
Blogger. A veces me siento solo e insignificante, pero
no tardo en acostumbrarme.
<$BlogOwnerEmail$>: su direccin de correo electrnico.

<$BlogOwnerLocation$>: su ciudad, provincia o pas.
<$BlogOwnerAboutMe$>: el texto que incluye informacin
sobre usted.
<$BlogOwnerPhotoUrl$>: la URL de la foto de su perfil.
<$BlogOwnerProfileUrl$>: la URL de todo su perfil.
Ejemplo:
ste es un sencillo ejemplo de cmo utilizar algunos de estos cdigos en su plantilla:
Plantillas Blogger
7. Qu son los cdigos condicionales?

Los cdigos condicionales son cdigos de plantilla de Blogger que ofrecen mayor flexibilidad. Reciben el nombre de
cdigos condicionales, porque permiten especificar cambios
en la plantilla que slo se producen en determinadas circunstancias. Su funcionamiento es el siguiente: usted sigue
manteniendo el cdigo de plantilla de su blog en una ubicacin, pero coloca estos cdigos condicionales alrededor del
texto que desea mostrar u ocultar en funcin de la pgina.
Los cdigos condicionales en accin
Supongamos que desea modificar su pgina de entrada e
incluir en ella un vnculo que permita regresar a su pgina
principal para que, si un usuario accede a esta pgina de
entrada a partir de una bsqueda o un vnculo externo, pueda volver rpida y fcilmente a su pgina principal, que contiene sus blogs ms recientes.
<ItemPage><a
href="http://example.blogspot.com">Visite
mi ltimo blog!</a></ItemPage>
19
Dado que ha incluido este fragmento de cdigo HTML dentro del cdigo condicional, la nica circunstancia que provocar la aparicin de este vnculo ser la visita de una de
sus pginas de entrada individuales por parte de un usuario.
El vnculo no se mostrar en su pgina principal. Asimismo,
no dude en utilizar los mismos cdigos varias veces en la
plantilla, all donde sea necesario. Increble, verdad?
Plantillas Blogger
20
Visualizacin de los vnculos de retroceso:
8. Cdigos de retroceso
Una plantilla contiene dos tipos de cdigos que hacen referencia a vnculos de retroceso. Uno solo crea los vnculos
que los lectores ven junto a sus entradas. El otro muestra
los propios vnculos. Analicemos estas dos partes por separado.
Indicador de vnculo de retroceso:
El cdigo siguiente imprimir un vnculo titulado "Vnculos a
esta entrada". Este vnculo debe colocarse entre los cdigos <Blogger> y </Blogger> de sus entradas y le recomendamos que lo site en la lnea donde se hace constar el
nombre del autor y los vnculos de los comentarios.
<BlogItemBacklinksEnabled>
<a class="comment-link"
href="<$BlogItemPermalinkUrl$>#links">
Vnculos a esta entrada</a>
</BlogItemBacklinksEnabled>
En
primer
lugar,
observe
los
cdigos
<BlogItemBacklinksEnabled> que rodean a los dems. Su
misin es hacer que el resto del cdigo slo se muestre en
las entradas que tienen la opcin de vnculos de retroceso
habilitada. A continuacin, el cdigo del vnculo indica la
pgina de la entrada donde se recogen de forma detallada
los vnculos de retroceso. Puede introducir el texto que desee en el lugar de "vnculos a esta entrada".
Esta parte del cdigo tambin se colocar entre los cdigos

<Blogger> y </Blogger>, pero probablemente desee incluirlos dentro de los cdigos <ItemPage> y </ItemPage>,
de modo que los vnculos de retroceso slo aparezcan en
las pginas de sus entradas y no irrumpan desordenadamente en la pgina principal de su blog.
<BlogItemBacklinksEnabled>
<a name="links"></a>
<h4>Vnculos a esta entrada:</h4>
<dl id="comments-block">
<BlogItemBacklinks>
<dt class="comment-title">
<$BlogBacklinkControl$>
<a href="<$BlogBacklinkURL$>"
rel="nofollow">
<$BlogBacklinkTitle$></a>
<$BlogBacklinkDeleteIcon$>
</dt>
<dd class="commentbody"><$BlogBacklinkSnippet$>
<br />
<span class="comment-poster">
<em>posted by <$BlogBacklinkAuthor$> @
<$BlogBacklinkDateTime$></em>
</span>
</dd>
</BlogItemBacklinks>
Plantillas Blogger
</dl>
<p class="commenttimestamp"><$BlogItemBacklinkCreate$></p>
</BlogItemBacklinksEnabled>
Una vez ms, hemos incluido todos los cdigos dentro de
<BlogItemBacklinksEnabled> para que las entradas que
no permiten los vnculos de retroceso no impriman nada.
Los cdigos <BlogItemBacklinks> delimitan la seccin de
cdigo que crea ciclos para mostrar cada vnculo de retroceso. Los cdigos <$BlogCommentAuthor$> y <$BlogCommentDateTime$> muestran la informacin que espera
de ellos y el cdigo <$BlogBacklinkSnippet$> muestra un
pequeo fragmento de texto de la pgina en cuestin.
Por ltimo, hay dos pequeos cdigos ms que complementan la funcionalidad. <$BlogBacklinkDeleteIcon$> inserta un botn de supresin en cada vnculo de retroceso,
aunque slo si la persona que lo lee es un administrador del
blog, es decir, el nico que puede suprimir vnculos de retroceso. El botn Suprimir funciona de la misma manera
que ste para los comentarios. <$BlogItemBacklinkCreate$> crea un vnculo que conduce a BlogThis!, que los lectores pueden utilizar para redactar sus propias entradas de
blog vinculadas a la suya.
21
Plantillas Blogger
22
8.
1.
Cdigos de plantilla definidos ....................................... 2
Indicador de vnculo de retroceso: ................................. 20
Cdigos de Blogger definidos: ......................................... 2
Visualizacin de los vnculos de retroceso: ................... 20
Cdigos de la lista de archivos de la columna lateral,...... 4

Cdigos condicionales ..................................................... 4
Cdigo de la entrada anterior........................................... 4
Cdigo de comentario ...................................................... 4
Cdigo de perfil, explicado en el artculo sobre cdigos de
perfil: ................................................................................ 5
2.
Descripcin detallada de las plantillas .......................... 6
3.
Lista de cdigos de plantilla........................................ 12

<cdigos head>:............................................................. 12
cdigos <body>:............................................................. 12
4. Cul es la funcin de los cdigos de plantilla de

Blogger? ............................................................................ 14
5.
Cdigos de retroceso ................................................. 20
Cdigos de comentario............................................... 16
Vnculos: ........................................................................ 16
Comentarios:.................................................................. 16
6.
Cdigos de perfil......................................................... 18
7.
Qu son los cdigos condicionales? ........................ 19

Los cdigos condicionales en accin ............................. 19

Manual para Personalizar Plantillas

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Manual para Personalizar Plantillas

Uploaded by

Copyright:

Available Formats

Plantillas Blogger

1. Cdigos de plantilla definidos

<$BlogEncoding$>: inserta la configuracin de codificacin

camente mediante la compatibilidad con agregadores.

<$BlogMetaData$>: inserta todos los metadatos del blog

</BlogDateHeader>: colocan cabeceras de fecha en cada

<$BlogItemAuthorEmail$>: direccin de correo electrnico

<$BlogItemDateTime$>: fecha u hora de una entrada.

<$BlogItemNumber$>: nmero de identificacin exclusivo

<$BlogItemArchiveFileName$>: nombre de archivo de

Cdigo de la entrada anterior

<$BlogItemPermalinkURL$>: vnculo perm. de una entrada.

<$BlogItemControl$>: vnculo Edicin rpida de una entrada.

(Explicado en el artculo sobre entradas anteriores):

(Explicados en el artculo sobre vnculos de archivo):

(Explicados en el artculo sobre cdigos condicionales):

2. Descripcin detallada de las plantillas

font-family:trebuchet ms, verdana, sansserif;}

margin-right:15px; padding:0px; width:67%;

Esta seccin es la hoja de estilos, que describe los colores,

to que slo aparecern si el elemento presenta un ttulo.

Si desea incluir algn elemento ms en su columna lateral

3. Lista de cdigos de plantilla

4. Cul es la funcin de los cdigos de plantilla de Blogger?

<$BlogItemAuthor$> (este cdigo har que se muestre el

Su misin es hacer que el resto del cdigo slo se muestre

el cdigo de autor incluye un vnculo para acceder al perfil

<$BlogOwnerFirstName$>: su nombre de pila.

Nombre: Joe Blogger

Direccin: Mountain View: California: Estados Unidos

<$BlogOwnerFullName$>: su nombre y apellido.

Informacin personal: tengo mucha imaginacin, soy

<$BlogOwnerEmail$>: su direccin de correo electrnico.

7. Qu son los cdigos condicionales?

Visualizacin de los vnculos de retroceso:

Esta parte del cdigo tambin se colocar entre los cdigos

Cdigos de plantilla definidos ....................................... 2

Indicador de vnculo de retroceso: ................................. 20

Cdigos de Blogger definidos: ......................................... 2

Visualizacin de los vnculos de retroceso: ................... 20

Cdigos de la lista de archivos de la columna lateral,...... 4

Descripcin detallada de las plantillas .......................... 6

Lista de cdigos de plantilla........................................ 12

4. Cul es la funcin de los cdigos de plantilla de

Cdigos de retroceso ................................................. 20

Qu son los cdigos condicionales? ........................ 19

You might also like