Customizing Blogger Menu

I wanted my Blog Archives Menu to display the Post Title instead of Months or Years. And after some R&D I came up with the following code that prints the Post titles without any Year or Month information.


<div id="r_sidebar">
  <b:section class="rsidebar" id="rsidebar" preferred="yes" showaddelement="yes">
      <b:widget id="BlogArchive1"locked="false" title="Archive" type="BlogArchive">
        <b:includable id="interval" var="intervalData">
            <b:loop values="data:intervalData" var="i">
              <b:if cond="data:i.data"><b:include data="i.data" name="interval"/></b:if>
              <b:if cond="data:i.posts"><b:include data="i.posts" name="posts"/></b:if>
            </b:loop>
        </b:includable>
        <b:includable id="menu" var="data">
            <select expr:id="data:widget.instanceId + &quot;_ArchiveMenu&quot;">
              <option value="">
                  <data:title></data:title>
              </option>
              <b:loop values="data:data" var="i">
                  <option expr:value="data:i.url"><data:i.name></data:i.name> (<data:i.post-count></data:i.post-count>)</option>
              </b:loop>
            </select>
        </b:includable>
        <b:includable id="flat" var="data">
            <ul>
              <b:loop values="data:data" var="i">
                  <li class="archivedate"><a expr:href="data:i.url"><data:i.name></data:i.name></a> (<data:i.post-count></data:i.post-count>)
                  </li>
              </b:loop>
            </ul>
        </b:includable>
        <b:includable id="posts" var="posts">
            <ul class="posts">
              <b:loop values="data:posts" var="i">
                  <li>
                    <a expr:href="data:i.url">
                        <data:i.title></data:i.title>
                    </a>
                  </li>
              </b:loop>
            </ul>
        </b:includable>
        <b:includable id="main">
            <b:if cond="data:title">
              <h2>
                  <data:title></data:title>
              </h2>
            </b:if>
            <div class="archivos">
              <div id="ArchiveList">
                  <div expr:id="data:widget.instanceId + &quot;_ArchiveList&quot;">
                    <b:if cond="data:style == &quot;HIERARCHY&quot;">
                        <b:include data="data" name="interval"></b:include>
                    </b:if>
                    <b:if cond="data:style == &quot;FLAT&quot;">
                        <b:include data="data" name="flat"></b:include>
                    </b:if>
                    <b:if cond="data:style == &quot;MENU&quot;">
                        <b:include data="data" name="menu"></b:include>
                    </b:if>
                  </div>
              </div>
              <b:include name="quickedit"></b:include>
            </div>
        </b:includable>
      </b:widget>
  </b:section>