为什么此代码创建的归档页面无法在此博客上运行?

时间:2016-01-31 20:50:27

标签: html css blogger blogspot

我在测试博客上为朋友的博客点创建了一个新的布局。我已尝试在此处使用此代码创建存档页面:https://github.com/jhwilson/Create-a-Blogger-archive-page。当我将它添加到此页面时,这不起作用:http://starttofashiontest.blogspot.be/p/archive.html。我还尝试添加这样的存档:gadgetsappshacks.com/2011/09/creating-automatic-archive-page-in.html,但它也不起作用。如果有人可以帮助我,那将是非常好的!

scrollViewWillEndDragging:withVelocity:targetContentOffset:

1 个答案:

答案 0 :(得分:0)

使用以下代码显示存档页面,粘贴页面的html模式:

<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>