Código para exibir os posts do blog separados pelos meses de publicação

Views:
<style type="text/css">
.arquivos ul {
margin:0;list-style-type:none;
text-decoration:none;
list-style-position: inside;
list-style-image: none;
padding: 0px;
text-align: left;}
.arquivos li {
list-style-type:none;
margin:0;
width:100%;
text-decoration:none;
list-style-position: inside;
}
.arquivos p{
font-size: 16px;
background-color: #f56991; /* cor de fundo dos meses*/
border: 1px solid #f56991; /* borda dos meses*/
margin-top: -1px;
margin-bottom: 0px;
font-family: 'comic sans ms', cursiva; /* nome da fonte dos meses */
padding: 2px;}
.arquivos a{
color: #000; /* cor da fonte*/
font-family: 'comic sans ms', cursiva; /* nome da fonte dos posts*/
font-size: 16px;
padding: 2px;}
.arquivos a:hover{
font-style: normal;
color: #f56991; /* cor da fonte em estado hover*/
}
</style>
<div class="arquivos">
<script src="AQUI O LINK DE SEU ARQUIVO JS"></script>
<script src="AQUI O ENDEREÇO COMPLETO DE SEU BLOG/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>




Importante!

Para que o arquivo funcione você precisa baixar o arquivo .js para um bloco de notas e a seguir hospeda-lo em seu host preferido.

O host que hospedava o arquivo saiu do ar. Para evitar que isso ocorra hospede o arquivo .js em um host seu.

Aqui tem um passo a passo de como hospedar arquivos .js gratuitamente no Google sites.




Este é o arquivo, copie tudo, cole em um bloco de notas e salve com a terminação .js.
Isso é importante!!! Ao salvar o arquivo no bloco de notas coloque a terminação .js
Aí hospede conforme ensino no link que coloquei acima e substitua AQUI O LINK DE SEU ARQUIVO JS pelo endereço de seu arquivo hospedado.




var postTitle=new Array();
var postUrl=new Array();
var postMp3=new Array();
var postDate=new Array();
var postYear=new Array();
var postMonth=new Array();
var postYearMonth=new Array();
var postYearMonth2=new Array();
var postTanggal=new Array();
var postLabels=new Array();
var postBaru=new Array();
var sortBy="titleasc";
var tocLoaded=false;
var numChars=250;
var postFilter="";
var numberfeed=0;
var month2=["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"];
function loadtoc(a)
{function b()
{if("entry" in a.feed)
{var d=a.feed.entry.length;
numberfeed=d;
ii=0;
for(var h=0;
h<d;
h++)
{var m=a.feed.entry[h];
var e=m.title.$t;
var l=m.published.$t.substring(0,10);
var p=m.published.$t.substring(5,7);
var g=m.published.$t.substring(8,10);
var n=month2[parseInt(p,10)-1]+" "+m.published.$t.substring(0,4);
var c="/"+m.published.$t.substring(0,4)+"_"+p+"_01_archive.html";
var j;
for(var f=0;
f<m.link.length;
f++)
{if(m.link[f].rel=="alternate")
{j=m.link[f].href;
break}}
var o="";
for(var f=0;
f<m.link.length;
f++)
{if(m.link[f].rel=="enclosure")
{o=m.link[f].href;
break}}
postTitle.push(e);
postDate.push(l);
postUrl.push(j);
postYearMonth.push(n);
postYearMonth2.push(c);
postTanggal.push(g)}}}
b();
displayToc2();
document.write('<br/><a href="http://www.elainegaspareto.com/2015/01/arquivo-do-blog.html" style="font-size: 9px; text-decoration:none; color: #616469;">Widget by Blog Elaine Gaspareto</a></br/>')}
function displayToc2()
{var a=0;
var b=0;
while(b<postTitle.length)
{temp1=postYearMonth[b];
document.write("<p/>");
document.write('<p><a href="'+postYearMonth2[b]+'">'+temp1+"</a></p><ul>");
firsti=a;
do
{document.write("<li>");
document.write("["+postTanggal[a]+'] <a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");
document.write("</li>");
a=a+1}
while(postYearMonth[a]==temp1);
b=a;
document.write("</ul>");
if(b>postTitle.length)
{break}}};


Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage