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.
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.'
Este tutorial foi retirado do blog: Dicas Para Blog. Este tutorial foi resumifo por Site do Rafa
1 comentários:
se quiser pode colocar um resumo, mas não o tutorial completo
21 julho, 2010Enviar um comentário
Qualquer mensagem mal interpretada será removida.