Colocar um Slide com sua postagens recente, ela ajuda a melhorar as visitas internas de seu Blog, além de melhorar sua posições nos mecanismo de busca como GOOGLE, YAHOO, MSN,... e encaixa com qualquer template porque as cores e formas podem ser editadas.
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
O funcionamento da widget você verá em nossa pagina principal www.fazerblogger.com
* O widget e de autoria de Dicas Para Blogs mas eu fiz algumas alterações.
Para Instalar esse Widget é muito simples entre no www.blogger.com Layout -> Adcionar Um GatGet -> HTML/ JavaScript e cole o Codigo Abaixo dentro da GatGet
<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:160px;width:510px;overflow:hidden;border: 2px solid #ccc;margin: auto;padding:5px;}#slide li{margin: 10px 10px 10px 10px;list-style:none;}#slide .news-title{display:block;text-align: center;line-height: 15px;}#slide img{float:left;margin-right:10px;padding:10px;border:solid 1px #ccc;}</style><script language="JavaScript">imgr = new Array();imgr[0] = "http://www.transparenciamunicipal.com/wp-content/themes/channel/images/noimage.gif";showRandomImg = true;tablewidth = 600;cellspacing = 0;borderColor = "";bgTD = "#ffffff";imgwidth = 115;imgheight = 115;fntsize = 15;acolor = "#ff0000";aBold = true;icon = " ";text = "no";showPostDate = false;summaryPost = 350;summaryFontsize = 11;summaryColor = "#0055e5";icon2 = " ";numposts = 10;label = "";home_page = "dicasparafazerblogs.blogspot.com/";</script><script src="http://www.salobro.com/scripts/slideparablogger.js" type="text/javascript"></script>
Altere o Nome em Vermelho Pelo o Endereço de Seu Blog. Pronto o Slide já esta Funcionando, Caso queria Fazer Algumas Alterações Segue algumas Dicas
ALTERAR A VELOCIDADE DO SLIDE
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
(Caso queira alterar, mude os números a frente dos respectivos códigos)
COLOCAR UMA IMAGEM PADRÃO CASO NÃO TENHA NO POST
Colocamos uma imagem padrão que no caso é http://www.transparenciamunicipal.com/wp-content/themes/channel/images/noimage.gif, mais pode ser alterado por o link de outra imagem de sua preferência.
CONFIGURAÇÕES GERAIS
imgwidth = 120;
imgheight = 120;
fntsize = 16;
acolor = "#000";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 12;
summaryColor = "#ccc";
icon2 = " ";
numposts = 10;
CASO QUEIRA ALTERAR SEGUE A TRADUÇÃO
imgheight = 120;
fntsize = 16;
acolor = "#000";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 12;
summaryColor = "#ccc";
icon2 = " ";
numposts = 10;
CASO QUEIRA ALTERAR SEGUE A TRADUÇÃO
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
FAÇA AS ALTERAÇÕES COMO MELHOR AJUSTAR AO SEU TEMPLATE! SUCESSO!
