Cambio VIII

Previos:
Cambio I, Cambio II, Cambio III, Cambio IV, Cambio V, Cambio VI, Cambio VII.
Continuemos con la remodelación del Blog, lo que a continuación lo que vamos a modificar es el menú lateral y el cuerpo principal de los post, así que tomaremos el código de una plantilla prederminada y es el siguiente:

Menú:

<!-- Begin #profile-container -->
<$BlogMemberProfile$>
<!-- End #profile-container -->
<MainOrArchivePage>
<h2 class="sidebar-title">Links</h2>
<ul>
<li><a href="http://news.google.com/">Google News</a></li>
<li><a href="http://help.blogger.com/bin/answer.py?answer=110">Edit-Me</a></li>
<li><a href="http://help.blogger.com/bin/answer.py?answer=110">Edit-Me</a></li>
</ul>
</MainOrArchivePage>
<h2 class="sidebar-title">Previous Posts</h2>
<ul id="recently">
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$>;</a></li>
</BloggerPreviousItems>
</ul>
<MainOrArchivePage>
<h2 class="sidebar-title">Archives</h2>
<ul class="archive-list">
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
<ArchivePage>
<li><a href="<$BlogURL$>">Current Posts</a></li>
</ArchivePage>
</ul>
</MainOrArchivePage>
<p id="powered-by">
<a href="http://www.blogger.com">
<img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" />
</a>
</p>

En rojo lo que son las etiquetas propias de blogger, es decir lo que hace que aparezcan los post mas recientes, los archivos, etc.

En el codigo de el blog localizamos esta seccion del codigo:

<div id="nav">
<p>Nav section, navigation goes here</p>
</div>

y remplazamos lo que esta en rojo por el código anterior.

Cuerpo:

<Blogger>
<h3 class="post-title"><BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl><$BlogItemTitle$><BlogItemUrl></a></BlogItemUrl></h3>
</BlogItemTitle>
<div class="post-body">
<p><$BlogItemBody$></p>
</div>
<p class="post-footer">
<em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
<MainOrArchivePage>
<BlogItemCommentsEnabled>
<a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled>
</MainOrArchivePage>
<$BlogItemControl$>
</p>
</div>
<!-- End .post -->
<!-- Begin #comments -->
<ItemPage>
<div id="comments">
<BlogItemCommentsEnabled>
<a name="comments"></a>
<h3><$BlogItemCommentCount$> Comments:</h3>
<dl>
<BlogItemComments>
<dt id="c<$BlogCommentNumber$>">
<a name="c<$BlogCommentNumber$>"></a>
At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,
<$BlogCommentAuthor$> said...
</dt>
<dd>
<p><$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
</dl>
<p><$BlogItemCreate$></p>
</BlogItemCommentsEnabled>
<p><a href="<$BlogURL$>"><< Home</a></p>
</div>
</ItemPage>
<!-- End #comments -->
</Blogger>

Este código se remplaza en la siguiente parte del código:

<div id="main">
<p>Main section, main content part goes here</p>
<p>Rures infeliciter insectat quadrupei. Ossifragi vix spinosus vocificat cathedras, semper rures comiter senesceret saburre, utcunque verecundus zothecas pessimus spinosus corrumperet perspicax catelli. Parsimonia ossifragi vocificat Medusa. Bellus oratori suffragarit cathedras, semper gulosus catelli comiter iocari verecundus apparatus bellis. Concubine neglegenter miscere chirographi, ut agricolae divinus amputat pretosius matrimonii. Augustus incredibiliter libere deciperet oratori, etiam catelli conubium santet lascivius oratori.
</p>
<p>Apparatus bellis iocari tremulus catelli. Umbraculi senesceret matrimonii. Bellus saburre corrumperet rures. Fiducia suis praemuniet zothecas. Optimus pretosius quadrupei insectat cathedras, et adlaudabilis chirographi iocari Caesar. Octavius vocificat ossifragi, semper plane gulosus zothecas senesceret lascivius syrtes. Perspicax matrimonii fortiter amputat agricolae.</p>
</div>

Así quedaría después de las modificaciones.

Saludos.