Feliz natal e um próspero ano-novo

Hey!Apareci aqui para desejar um ótimo Natal e um Ano-Novo perfeito para todas vocês, principalmente para os meus blogs preferidos: Trechy Teen, Cherry Bomb, Place Fame.Para não passar em branco, veremos hoje um tuto bem legal e simples: Em apenas um passo você coloca um slide lindo e totalmente personalizável no seu blog. Créditos ao Dicas para Blogs.
Colocar Slide de Postagens Recentes no blog                               Exemplo aqui
Vocês devem imaginar: Primeiro de tudo é abrir o Editar HTML.

Não! Esse slide, felizmente, é apenas colocado em Layout > Adicionar um gadget> HTML/JavaScript.

Lá cole o código:

<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] = "http://baririnoticias.com.br/portal/arquivos/sem_foto.gif";
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 = "SEU BLOG AQUI";
</script>
<script src="http://acessoriosparablogs.com.br/scripts/slide.js" type="text/javascript"></script>

E... Pronto! O Slide já está em seu blog.

Mas se você ver, o slide não funciona. Para isso, procure por SEU BLOG AQUI  e troque pelo endereço do seu blog.
Agora, sim!
Mas ele não está nada lindo como eu disse. Vamos deixá-lo agora.
Personalizar                                                                               
É melhor você colar esse código no bloco de notas ou Word para editá-lo.


Alterar a largura e altura do slide
height:150px;
width:360px;

Alterar as cores

Fundo: bgTD = "#ffffff"
Título: acolor = "#000";

Descrição: summaryColor = "#ccc";

Alterar os tamanhos

Título:  fntsize = 16;

Descrição: summaryFontsize = 12;

Altura da miniatura de foto: imgwidth = 120;

Largura da miniatura: imgheight = 120;

Alterar os números

Número de posts: numposts = 10;

Número de letras na descrição: summaryPost = 40;

Alterar a borda (Você pode excluir esse trecho se não quiser borda)

border: 1px solid #ccc;

Então, é isso. Por favor, comentem e sigam o blog, isso me faz tão feliz! :)

Espero que tenham gostado do tuto.

Beijos e feliz natal.