Mostrar Slides

Hoje para tenho aqui um tutorial de como mostrar slides com as postagens recentes do blog. Aviso já no ínicio, como avisarei no fim, que este tutorial foi retirado de um outro blog. Vamos ver como é.

É muito fácil colocar este widget, entre na página layout e clique em adicionar gadget, html/javascript e cole o código que se encontra mais abaixo.

Também pode alterar a largura do gadget, basta mudar estes dois valores que apaecem no código:

tablewidth = 360;

width:360px;

Só será necessário alterar o endereço do blog que se encontra no final deste código (deixe sempre a barra "/"  no final do endereço). Se quiser pode configurar os tamanhos de fontes e quantidades de caracteres que tem o resumo. A seguir irá ver como personalizar o código da apresentação de slides dos posts recentes do blog. Sugerimos primeiro instalar sem fazer nenhuma alteração apenas testar, porque são muitas opções que podemos alterar e fazendo isso aos poucos e visualizando o resultado no blog ficará mais fácil achar e corrigir algum erro durante as modificações.

Se quiser alterar a cor de fundo mude essa linha: bgTD = "#ffffff"; Veja aqui o código das cores em html para alterar esse gadget. Outro trecho que está no inicio controla a velocidade, veja:

var first = 0;
var speed = 800;
var pause = 6500;
Como isso funciona:

var first: tempo para iniciar(deixe o valor 0)
var speed: velocidade da transição(mudança de slide)
var pause: tempo de pausa em cada slide
Coloque neste trecho o endereço de uma imagem, assim ela será exibida quando a postagem não tiver imagens.

imgr[0] = "URL IMAGEN 1";

Veja este trecho fica no final de código e controla praticamente tudo:

imgwidth = 120;
imgheight = 120;
fntsize = 16;
acolor = "#000";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 12;
summaryColor = "#ccc";
icon2 = " ";
numposts = 10;
Agora veja o que as principais linhas de código fazem e depois altere como desejar

Imgwidth: largura da miniatura
Imgheight: altura da miniatura
Fntsize: tamanho da letra do titulo
Acolor: cor do titulo
summaryPost: numero de letras do resumo(começo da postagem)
summaryFontsize: tamanho da letra do resumo
summaryColor: cor da letra do resumo
numposts: numero de postagens mostradas
Existem outras coisas que podem ser modificadas como, por exemplo, a cor da borda que é #ccc; e nas mesmas linhas podemos até mudar o estilo das bordas, mas enfim depois que instalar o código poderá ver quais modificações farão esse novo widget combinar melhor com o seu blog.

Creditos: Site do Rafa - Dicas para Blogs

Autor : Unknown ~ Isso Assim - De Louco Falta Pouco

Artigo Mostrar Slides Publicado Por Unknown no dia 9 de julho de 2012