Você pode usar esse código em uma pagina extra do blogger ou em uma postagem normal. Então se quiser você pode colocar um texto curto e depois a lista com seus posts recentes ou usar somente o código das postagens recentes:
<script type="text/javascript">
numposts = 10
imgr = new Array();
imgr[0] = "http://img185.imageshack.us/img185/6717/dicasg.gif";
showRandomImg = true;
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
icon2 = " ";
label = "";
function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s =s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img= new Array();
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
posttitle = (aBold) ? "<b>"+posttitle+"</b>" : posttitle;
document.write('<a title="Leia mais..." style="display:block; text-decoration:none" href="'+posturl+'"><img style="float:left;border:none;margin-right:10px;border: dashed 1px #000" src="'+img[i]+'" width="140" height="110"/><p align="center"><font style="font-size:110%"'+posttitle+' '+cmtext+ '</font></p></a><p>'+icon2+removeHtmlTag(postcontent,200)+'...</p><div style="padding:25px;clear:both"><hr /></div>');
j++;
}
}
document.write("<script src=\"http://frasecurta.blogspot.com/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
São poucas as alterações no código das postagens recentes que precisará fazer veja aqui os trechos que precisa alterar:
imgr[0] = http://img185.imageshack.us/img185/6717/dicasg.gif : imagem que aparece caso seja uma postagem sem imagens, veja aqui:
numposts = 10 quantidade de postagens que aparecem na pagina de postagens recentes.
img style="float:left;border:none;margin-right:10px;border: dashed 1px #000": posicionamento da miniatura da imagem do post. Se quiser do lado direito troque as palavras left e right de lugar isso muda a imagem de lado e deixa uma pequena margem para o texto não ficar encostado na imagem. O trecho border: dashed 1px #000 é a borda e se quiser pode apagar esse trecho ou veja outras opções para alterar as bordas.
width="140" height="110": tamanho da imagem: 140 largura e 110 altura, então altere como desejar.
+icon2+removeHtmlTag(postcontent,200): o numero 200 é a quantidade de caracteres do resumo da postagem que aparece.
script src=\"http://frasecurta.blogspot.com/feeds/posts/default?... endereço do seu blog no código. Altere somente o endereço do blog: http://frasecurta.blogspot.com o restante continua igual.
<div style="padding:25px;clear:both"><hr /></div>: esse trecho faz o espaço entre as postagens do blog portanto altere o numero 25 como desejar. A barra que aparece entre os posts é o código <hr /> se não gostou pode apagar e a barra desaparece.
E finalmente está tudo pronto apenas verifica nas opções da postagem se está marcada a opção Interpretar HTML digitado e agora é só publicar sua pagina de assuntos recentes. Este código funciona também em gadgets de html/javascript mas se utilizar em um gadget faça o teste a velocidade do seu blog: Medir a Velocidade de Blogs e Sites - Contador Google Analytics para saber se não deixou seu blog muito lento.
Queremos pedir atenção nos detalhes na hora de alterar os códigos muitas vezes apagamos um sinal qualquer por engano e isso faz o código não funcionar (Porque os códigos não funcionam no blog) portanto cuidado com aspas e outros sinais.
Link desta página
18 Comentários
