Zoznam článkov s Blogtoc

Blogtoc je skript, ktorý som našiel na stránkach beautifulbeta.blogspot.com. Jeho výstupom je zoznam článkov. Používa JSON feed, články vypíše v ToC (Table Of Contents - tabuľka obsahu). ToC môže byť zoradená podľa názvu, dátumu, alebo oboje, vzostupne, alebo zostupne, a môže byť filtrovaná podľa označenia. Pôvodný skript som preložil do slovenčiny a umiestil na tento blog. Stiahnutie skriptu Blogtoc.

Použitie je nasledovné:

HTML

<div id="toclink"></div>
<script src="http://adresa-skriptu/blogtoc.js"></script>
<script src="http://názov-blogu.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script>
<div id="toc"><script style="">showToc();</script></div>

Červenou sú miesta, ktoré musíte zmeniť.

CSS

#toc {
  border: 0px solid #000000;
  background: #ffffff;
  padding: 5px;
  width:500px;
  margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
  background: #ffd595;
  color: #000000;
  padding-left: 5px;
  width:250px;
}
.toc-header-col2 {width:75px;}
.toc-header-col3 {width:125px;}
.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 {
  text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  padding-left: 5px;
}