Cuantas personas usan internet, ya sea los grupos de MSN o los blogs, para dejar en ellos sus experiencias personales: realidades e imaginación.
Un montón. Porque imaginar, escribir y describir son algunos de los mejores ejercicios de los que es capaz la mente humana.
Pero... qué fea puede quedar nuestra historia en un blog al uso... por eso, nada como darle un formato distinto, más cercano a la portada de un libro impreso.
Si queréis ver un ejemplo, mirad una de mis historias (que no soy capaz de terminar, ag) en El Oculto-
Aunque hay una plantilla para descargarse con un formato parecido, yo he hecho todo el proceso "a mano", siguiendo- y no siguiendo... porque todo termina a mi manera- las instrucciones de Dummies.
Ya aviso, de antemano, que es algo complejo... sobre todo por el ttrabajo que implica. Pero quien quiera ver su obra en un blog, con un formato bonito, no puede dejar de hacerlo:
1º.- Descargaros cualquier plantilla, aunque una "Mínima" queda bien. Y es que vuestro Libro será el único objeto del blog.
2º.- Cread una Tabla de Contenidos:
Id a Edición de Plantilla, expandedla y hallad la siguiente tag:
<div id='main-wrapper'>
<b:section class='main' id='main' >
Detrás del "main" de la segunda línea, añadid: maxwidgets='2' showaddelement='yes'>
Así tendréis otro "Elemento de Página" en la cima de vuestras Entradas del Blog.
Acudid, entonces, a la Plantilla y añadid, en el nuevo Elemento de Página, un HTML con el siguiente contenido:
<table border="0" bordercolor="#000000" cellpadding="0" width="100%" bgcolor="#000000"><tbody><tr><td><table border="40" bordercolor="#fbf5c1" cellpadding="0" width="100%" height="500" bgcolor="#ffffff"><tbody><tr><td><p align="center"><strong>Table of Contents</strong></p>
<center>
<table cellpadding="5" width="169"><!--DWLayoutTable--> <tbody><tr> <td width="121"> <div align="center">
<pre><a href="http://newcastleofotranto.blogspot.com/2007/01/preface-to-first-edition.html">Preface to the First Edition</a></pre>
</div></td> </tr> <tr> <td><div align="center"><a href="http://newcastleofotranto.blogspot.com/2007/01/chapter-i.html">Chapter I</a> </div></td> </tr> <tr> <td><div align="center"><a href="http://newcastleofotranto.blogspot.com/2007/01/chapter-ii.html">Chapter II</a> </div></td> </tr> <tr> <td> <div align="center"><a href="http://newcastleofotranto.blogspot.com/2007/01/chapter-iii.html">Chapter III</a></div></td> </tr> <tr> <td><div align="center"><a href="http://newcastleofotranto.blogspot.com/2007/01/chapter-iv.html">Chapter IV</a> </div></td> </tr> <tr> <td><div align="center"><a href="http://newcastleofotranto.blogspot.com/2007/01/chapter-v.html">Chapter V</a>
</div></td> </tr> <tr> <td>
</td> </tr> </tbody></table>
</center>
</td></tr></tbody></table></td></tr></tbody></table>
<em>© 1765 by Horace Walpole</em>
¡OJO!: AQUI TENEIS QUE REEMPLAZAR LAS URL Y DATOS DEL LIBRO Y TABLA POR LAS VUESTRAS PROPIAS. Porque éstos son los datros del ejemplo de Dummies, con "El Castillo de Otranto" (una de mis obras favoritas, por cierto, de la literarura gótica. Os recomiendo leerla... yo la tengo en uno de mis grupos traducida al español).
2º.- Añadir tags condicionales, para dejar en la vista del blog sólo la Tabla de Contenidos, sin desplegar los posts-entradas:
Id a Edición de Plantilla y encontrad esta tag:
<b:includable id='main' var='top'>
<!-- posts -->
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
<div class='blog-posts'>
Sustituid las "xxxxxxxxx" por lo siguiente:
<b:if cond='data:blog.pageType == "item"'>
Colocad un </b:if> detrás del cierre del primer "div"
3º.- Expandid la plantilla y encontrad este widget:
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
Añadid ésto, inmediatamente después de la segunda línea:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Y añadid este cierre: </b:if> inemdiatamente antes del cierre del b: includable, de manera que el widget os quede así:
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
WIDGET CODE
</b:if>
</b:includable>
</b:widget>
Esto hará que la Tabla de Contenidos se vea sólo en la Página Principal-Main o como queráis llamarla.
4º.- Para dejar "curiosa" la sidebar, con vuestro perfil y el del Libro, id a "Añadir un Elemento de Página-HTML-JAVA", e insertad lo siguiente, cuidando de reemplazar los datos del ejemplo por los vuestros. En mi caso, como "El Oculto" no está publicado, ni falta que le hace, no tengo imagen del Libro, por lo que la he sustituído por mi avatar, el del perfil:
<h2 class="sidebar-title">About the Author</h2> <h2 class="sidebar-title">About Me</h2> <a href="http://www.blogger.com/profile/4709592"> <span class="profile-img"><img alt="My Photo" width="58" src="http://photos1.blogger.com/blogger/7384/574/320/horace.jpg" height="80"/> </span> </a> <strong></strong><span style="font-weight: bold;">Horace Walpole </span><strong style="font-weight: bold;"></strong><span style="font-weight: bold;">
London, United Kingdom</span> <p class="profile-textblock"> I would have blogged this novel for NaNoWriMo if it had existed in 1765. Instead, I'm blogging posthumously. </p> <p class="profile-link"> <a href="http://www.blogger.com/profile/4709592">View my complete profile</a> </p>
<h2 class="sidebar-title">About the Book</h2>
<a href="http://newcastleofotranto.blogspot.com/">
<span class="profile-img"><img width="110" src="http://photos1.blogger.com/blogger/7384/574/1600/otranto.jpg"/></span></a>
<p style="font-weight: bold;">The Castle of Otranto</p>
<p class="profile-textblock">Published in 1765, this work is considered the first gothic novel in the English language; its supernatural happenings and mysterious ambiance were widely emulated in the genre.</p>
5º.- Para eliminar el "subscribe esta Entrada" (que queda muy feo en un Libro), id al cierre skin de vuestra plantilla, y colocad, inmediatamente antes, lo siguiente:
.feed-links { display:none; }
6º.- Eliminar los "links de "entradas previas, entradas antigüas":
Bajad la plantilla hasta el elemento "Navigation" y eliminad ésto:
<!-- navigation -->
<b:include name='nextprev'/>
7º.- Ahora vamos a colocar pestañas horizontales en la cabecera y el pie de nuestra plantilla y blog:
Abrid y expandid la plantilla y encontrad ésto:
<div id='header-wrapper'>
<b:section class='header' id='header'>
<b:widget id='Header1' locked='true' title='VUESTRO TITULO (Header)' type='Header'/>
Cambiad la segunda línea por ésto:
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
Cambiad el "true" por "false".
Esto hará que podáis desplazaros a la cima del blog para insertar las pestañas. Id, entonces, al nuevo Elemento de Página y escoged "Etiquetas", para aladirlas a la cabecera de vuestro blog.
Volved a Edición de plantilla, expandidla y encontrad lo siguiente:
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
Añadid, detrás, ésto:
¡OJO!: LO MISMO DE SIEMPRE: REEMPLAZAD LOS DATOS Y URL DEL EJEMPLO POR LOS VUESTROS.
8º.- Añadimos ahora el CSS de las pestañas a nuestra plantilla, antes del cierre skin:
/*- Menu Tabs G--------------------------- */
#tabsG {
float:left;
width:100%;
background:#666;
font-size:93%;
margin-top:15px;
margin-bottom:10px;
line-height:normal;
}
#tabsG ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsG li {
display:inline;
margin:0;
padding:0;
}
#tabsG a {
float:left;
background:url("tableftG.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsG a span {
float:left;
display:block;
background:url("tabrightG.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsG a span {float:none;}
/* End IE5-Mac hack */
#tabsG a:hover span {
color:#FFF;
}
#tabsG a:hover {
background-position:0% -42px;
}
#tabsG a:hover span {
background-position:100% -42px;
}
9º.- Haced lo mismo para el "footer", es decir, la sidebar abajo del blog: añadirle un Elemento de Página "Etiquetas", y el "div" con las url de nuestro Libro que he comentado en el paso 7º.
Complicadito, ¿a que sí?. Pues si queréis ahorraros todo este trabajo, descargaros la plantilla AQUÍ. Y ya me gustaría que alguien me comentara qué tal le fue descargándola, porque no la he probado.
✍ ¿Quieres hacer algún comentario? ✍