Pourquoi ce code crée-t-il une page d'archive qui ne fonctionne pas sur ce blog?

Question

J'ai créé une nouvelle mise en page pour blogspot d'un ami sur un blog de test. J'ai essayé de créer une page d'archive en utilisant ce code ici: https://github.com/jhwilson/Create-a-Blogger-archive-page. D'une certaine manière cela ne fonctionne pas quand je l'ajoute à cette page: http://starttofashiontest.blogspot.be/p/archive.html. J'ai aussi essayé d'ajouter une archive comme ceci: gadgetsappshacks.com/2011/09/creating-automatic-archive-page-in.html, mais ça ne marche pas non plus. Ce serait vraiment bien si quelqu'un pouvait m'aider!

<b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive'> 
       <b:includable id='main'> 
    <b:if cond='data:title != &quot;&quot;'> 
    <h2><data:title/></h2> 
    </b:if> 
    <div class='widget-content'> 
    <div id='ArchiveList'> 
    <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'> 
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/> 
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/> 
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/> 
    </div> 
    </div> 
    <b:include name='quickedit'/> 
    </div> 
</b:includable> 
       <b:includable id='flat' var='data'> 
    <ul class='flat'> 
    <b:loop values='data:data' var='i'> 
     <li class='archivedate'> 
     <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>) 
     </li> 
    </b:loop> 
    </ul> 
</b:includable> 
       <b:includable id='interval' var='intervalData'> 
    <b:loop values='data:intervalData' var='interval'> 
    <ul class='hierarchy'> 
     <li expr:class='&quot;archivedate &quot; + data:interval.expclass'> 
     <b:include cond='data:interval.toggleId' data='interval' name='toggle'/> 
     <a class='post-count-link' expr:href='data:interval.url'> 
      <data:interval.name/> 
     </a> 
     <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span> 
     <b:include cond='data:interval.data' data='interval.data' name='interval'/> 
     <b:include cond='data:interval.posts' data='interval.posts' name='posts'/> 
     </li> 
    </ul> 
    </b:loop> 
</b:includable> 
       <b:includable id='menu' var='data'> 
    <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'> 
    <option value=''><data:title/></option> 
    <b:loop values='data:data' var='i'> 
     <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option> 
    </b:loop> 
    </select> 
</b:includable> 
       <b:includable id='posts' var='posts'> 
    <ul class='posts'> 
    <b:loop values='data:posts' var='post'> 
     <li><a expr:href='data:post.url'><data:post.title/></a></li> 
    </b:loop> 
    </ul> 
</b:includable> 
       <b:includable id='toggle' var='interval'> 
    <a class='toggle' href='javascript:void(0)'> 
    <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'> 
     <b:if cond='data:interval.expclass == &quot;expanded&quot;'> 
     &#9660;&#160; 
     <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/> 
     &#9668;&#160; 
     <b:else/> 
     &#9658;&#160; 
     </b:if> 
    </span> 
    </a> 
</b:includable> 
      </b:widget> 

Answer 1

Utilisez le code ci-dessous pour afficher la page archive, coller en mode HTML d'une page:

<div dir="ltr" style="text-align: left;" trbidi="on"> 
<h2 style="text-align: left;"> 
Full Archive of YourSite</h2> 
<div id="bp_toc"> 
<script src="http://bloggergadgets.googlecode.com/files/blogtoc_orig.js" type="text/javascript"> 
</script> 

<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"> 
</script> 



<style> 
#bp_toc { 
border: 5px solid #c1bfbf; 
padding: 5px; 
width:100%; 
margin-top:10px; 
} 
.toc-header-col1, .toc-header-col2, .toc-header-col3 { 
background: #fff; 
color: #000000; 
padding-left: 5px; 
width:60%; 
} 
.toc-header-col2 { 
width:20%; 
} 
.toc-header-col3 { 
width:20%; 
} 
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited { 
font-size:18px; 
text-decoration:none; 
} 
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { 
font-size:18px; 
text-decoration:underline; 
} 
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { 
padding-left: 5px; 
font-size:18px; 
} 
</style> 
</div> 
</div>