Música online

código desse slide vc encontra aqui

terça-feira, 16 de novembro de 2010

Mostrar slides com as postagens recentes do blog





Veja como criar uma apresentação de slides com as suas postagens
mais recentes no blog, assim você poderá gerar mais visitas
dentro do seu próprio blog, melhorando até sua classificação no
Google e outros sites de busca.

O modo de colocar esse widget é muito simples, entre na pagina
layout, adicionar gadget, html/javascript e cole o código abaixo
e já está pronto!





<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"
type="text/javascript">

</script>

<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>

<style type="text/css">

#slide{

height:150px;

width:360px;

overflow:hidden;

border: 1px solid #ccc;

margin: auto;

padding:5px;

}

#slide li{

margin: 10px 0 0 0;

list-style:none;

}

#slide .news-title{

display:block;

text-align: center;

line-height: 10px;

}

#slide img{

float:left;

margin-right:2px;

padding:10px;

border:solid 1px #ccc;

}

</style>

<script language="JavaScript">

imgr = new Array();


imgr[0] = "URL IMAGEN 1";


showRandomImg = true;

tablewidth = 360;

cellspacing = 1;

borderColor = "";

bgTD = "#ffffff";

imgwidth = 120;

imgheight = 120;

fntsize = 16;

acolor = "#ff0000";

aBold = true;

icon = " ";

text = "no";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 12;

summaryColor = "#0000ff";

icon2 = " ";

numposts = 10;

label = "";

home_page = "http://www.bfacil.blogspot.com/";

</script>

<script src="http://acessoriosparablogs.com.br/scripts/slide.js" type="text/javascript"></script>


 


 


 


Sem comentários:

Enviar um comentário

Mensagens populares