8 de ago de 2011

Slide com os textos das últimas postagens



Coloque em seu blog um slide com os textos dos últimos posts de seu blog, sem imagem.
(Ariane, veja se é isso...)


Vá até o Layout de seu blog



Clique em Adicionar um Gadegt



Ao abrir, clique em  HTML/Javascript


Cole então o código colocando o endereço de seu blog no local destacado em vermelho.


<script src="http://sites.google.com/site/postsrecentesslide/postsrecenteslide/jquery.min.js" type="text/javascript">

</script>
<script src="http://sites.google.com/site/postsrecentesslide/postsrecenteslide/jquery.min.js" type="text/javascript">

</script>



<style type="text/css">
#slide{
background: #fff url(http://3.bp.blogspot.com/-qQccKZ4B9pQ/Tj4dOReK3CI/AAAAAAAAAbc/h6dbS5ROH4I/s1600/d29pk3.gif) repeat;
height:150px;
border: 2px solid #D4EEFC;
width:500px;
overflow:hidden;
margin: 10px 10px;
padding:10px 10px;
float: center;
}
#slide li{
margin: 10px 0 0 0;
list-style:none;
}
#slide .news-title{
display:block;
text-align: center;
line-height: 10px;
padding: 10px 2px;
margin: 10px 1px;
font-size: 14px;
color: #000;
}
#slide img{
float:left;
margin-right:0;
padding:0;
}
</style>

<script type="text/javascript">
$(document).ready(function(){
var first = 0;
var speed = 800;
var pause = 6500;
function removeFirst(){
first = $('ul#slide li:first').html();
$('ul#slide li:first')
.animate({opacity: 0.5}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}
function addLast(first){
last = '<li style="display:none">'+first+'</li>';
$('ul#slide').append(last)
$('ul#slide li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}
interval = setInterval(removeFirst, pause);
});
</script>
<script language="JavaScript">
imgr = new Array();

showRandomImg = true;
tablewidth = 480;
cellspacing = 1;
borderColor = "";
bgTD = "#fff";
border ="1px solid #F9E1E6"
imgwidth = 0;
imgheight = 0;
fntsize = 16;
acolor = "#FDD1D3";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 600;
summaryFontsize = 14;
summaryColor = "#808080";
icon2 = " ";
numposts = 14;
label = "";
home_page = "AQUI O ENDEREÇO DE SEU BLOG/";
</script>


<script type='text/javascript'>
//<![CDATA[

// JavaScript Document
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) {
    document.write('<ul id="slide">');
    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;
        }
    }

    var daystr = (showPostDate) ? '<i><font color="'+acolor+'"> - ('+day+ ' ' + m + ' ' + y + ')</font></i>' : "";

posttitle = (aBold) ? "<b>"+posttitle+"</b>" : posttitle;

    var trtd = '<li><table width="'+tablewidth+'" border=0 bordercolor="#FF0000" cellspacing="'+cellspacing+'" bgcolor="'+borderColor+'" align="center"><tr><td valign="middle" width="'+imgwidth+'" height="'+imgheight+'" style="background:'+bgTD+'"><a href="'+posturl+'"><img src="'+img[i]+'" width="'+imgwidth+'" height="'+imgheight+'"/></a></td><td style="background:'+bgTD+'" valign="middle">'+icon+'<a href="'+posturl+'" style="color:'+acolor+'; font-size:'+fntsize+'px;">'+posttitle+'</a> '+cmtext+ ' ' + daystr + '<div style="color:'+summaryColor+'; margin-top:2px; border-top:1px '+borderColor+' solid; font-size:'+summaryFontsize+'px;">'+icon2+removeHtmlTag(postcontent,summaryPost)+'...</div></td></tr></table></li>';

    if(summaryPost == 0) { trtd = '<li><table width="'+tablewidth+'" border=0 bordercolor="#FF0000" cellspacing="'+cellspacing+'" bgcolor="'+borderColor+'" align="center"><tr><td valign="middle" width="'+imgwidth+'" height="'+imgheight+'" style="background:'+bgTD+'"><a href="'+posturl+'"><img src="'+img[i]+'" width="'+imgwidth+'" height="'+imgheight+'"/></a></td><td style="background:'+bgTD+'" valign="middle">'+icon+'<a href="'+posturl+'" style="color:'+acolor+'; font-size:'+fntsize+'px;">'+posttitle+'</a> '+cmtext+ ' ' + daystr + '</td></tr></table></li>'; }

    document.write(trtd);

    j++;
}

document.write('</ul><a style="font-size:80%"href="http://templateseacessorios.blogspot.com/2010/04/widget-com-postagens-recentes-com.html"title="Templates e Acessorios" target="_blank">Posts recentes</a>');
}
document.write("<script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>

</script>

Um comentário:

  1. obrigada pela sugestão, já coloquei no meu blog.
    Ficou muito bom!!

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube