sábado, 19 de março de 2011

Slides Com Postagens Recente no Blogger e Blogspot.

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

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!

Cursos 2010, baixar cd, download de musicas, apostilas gratis, concursos 2010
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

3 comentários: on "Slides Com Postagens Recente no Blogger e Blogspot."

Cine Bonfim disse...

não funciona mesmo

Tiago Porto disse...

NAO FUNCIONOU NO MEU BLOG TB NAO

Postar um comentário

.