Hot Posts

6/recent/ticker-posts

Postagens recentes sem imagens no blogger

engrenagens

 

Introdução

Nesse tutorial você ira aprender a como listar as postagens recentes de maneira simples e sem imagem, mas você deve estar se perguntado, pra que eu vou querer isso? isso é justamente uma maneira simples utilizada para deixar o blogger mais leve, sendo assim menos tempo de espera.

Tutorial

Faça o login em sua conta do blogger e prossiga de acordo o exemplo abaixo:

Login > Painel Blogger > Layout e clique em Adicionar um Gadget

Logo apos clique no Gadget HTML/JavaScript e cole o código abaixo dentro dele.

<style>
/* Widget Recent Post */
#sidebar3 h4, #sidebar3 h3, #sidebar3 h2{background:#5fb564;color:#fff;text-transform:capitalize;font-family:Arial, Sans-Serif;font-size:135%;font-weight:400;position:relative;padding:12px 0 15px;text-align:center;margin:0}
#sidebar3 .widget-content{background:#fff;padding:0 0 0 10px}
#sidebar3 a:link, #sidebar3 a:visited{font-weight:normal}
#sidebar3 ul li {margin:0 5px 0 0 !important;padding:6px 0 !important;position:relative;border-bottom:1px dashed #d5d5d5 !important}
#sidebar3 ul li:last-child{border:none !important}
#sidebar3 ul li a {font-size:14px !important;font-weight:normal !important;color:#333 !important;text-decoration:none;transition: all 0.3s ease-out 0s !important;line-height:1.4em !important}
#sidebar3 ul li a:hover {color:#6aba82 !important;}
</style>

<script type="text/javascript">
function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;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}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')}
</script><ul>
<script type="text/javascript">var numposts = 10;var standardstyling = true;</script><script type="text/javascript" src="http://LinkDoSeuBlogger.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script></ul>

var numposts = 10;  Defina o número de postagens a serem mostrada.

http://LinkDoSeuBlogger.com  Digite a sua url para que o código funcione direitamente.

(Clique aqui e veja um exemplo do resultado)

Salve o modelo e veja o resultado.

Contudo espero que tenham gostado e até o próximo tutorial.


FONTE: 
http://pedroigorsf.blogspot.com.br/2015/08/como-listar-postagens-recentes-sem.html#ixzz4E37iUSch