fonte e creditos: ciudadbloggertraduzido: "Ticker" ("pedaco de tempo")automatico mostra as ultimas entradas de blog A ticker esta sendo como um ticker de noticias que os portadores de passes de letreiro tipo. Seu uso e basicamente para mostrar aos leitores quais sao os insumos mais importantes, embora no nosso caso vamos usar para mostrar os ultimos posts do blog, sim, automaticamente para evitar a adicao de entradas a ser o tempo todo ou ter que ser editar qualquer coisa. Nosso news ticker vai fazer com jQuery, e eu sei que alguns vao dizer , mas por que, se podemos faze-lo com o rotulo FAMOSO! . Certamente que podemos fazer com Marquee, mas esse elemento nao e uma adicao de padrao para o seu deslocamento e normalmente muito duro, com muitas vezes o texto torna-se dificil de ler. Nos tambem poderia faze-lo com animacoes CSS, mas os navegadores mais antigos nao iria funcionar, entao e por isso que vamos usar jQuery para criar a marquise efeito, tambem podemos escolher a velocidade ea direcao de deslocamento A demo pode ve-lo aqui, se voce passar o mouse sobre um titulo parar o ticker:"E ja que nao luta edicao tambem automatico fara uma unica etapa, por isso a instalacao e so copiar e colar.Para fazer isso Copie o codigo abaixo e insira Projeto | Adicionar um Gadget | HTML / Javascript e cole-o la."<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><script src="//cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js" type="text/javascript"></script><style>#headlines {overflow:hidden;position:relative;line-height:25px;background:#34495e; /* Color de fondo */height:45px;padding:0 0 0 135px;}#headlines h3 {color:#fff;font-family:Oswald, sans-serif; font-size:17px;font-weight:400;text-transform:uppercase;margin-left:-115px;margin-top:10px;position:absolute;}#headlines .right_arrow {padding:0 38px 0 110px;display:block;background:url(//lh6.googleusercontent.com/--o4encAx1Tc/VApRPFfbQFI/AAAAAAAALd4/kf0T7CNSvY0/s41/arrow.png) no-repeat right center;height:46px;line-height:46px;position:absolute;left:0;top:0;}#ticker_post {position:relative;margin:0;margin-left:20px;height:50px;width:auto;}.marquee {width: 980px; /* Ancho del area donde se muestran las entradas */overflow: hidden;line-height: 45px;}.js-marquee a {font-family:Oswald, sans-serif;font-size:15px; /* Tamano de los textos */color: #FFF; /* Color de los textos */padding-bottom: 20px;text-decoration: none;}.ticker_separator {color:#FFF; color: #FFF; /* Color del separador de las entradas */margin:0 10px;}</style><div id='headlines'><h3>Lo Ultimo</h3><div class='right_arrow'></div><script>var blog_url = "http://nombre-de-mi-blog.blogspot.com";var numero_post = 10; // Numero de entradas a mostrar</script><script type="text/javascript" src="http://yourjavascript.com/946415552/ticker.js"></script></div><div style='clear:both;'></div><script>$(window).load(function() {$('.marquee').marquee({direction: 'left', // Direccion de la marquesina, usar left o rightduration: 25000, // VelocidadpauseOnHover: true,duplicated: true});});</script>"Quando indicado em vermelho deve colocar o nome do seu blog, em verde ver onde para mudar a cor de fundo eo numero de entradas para mostrar, velocidade e direcao do movimento.nao se esqueca de alterar o / * Largura da area onde as entradas * / e configura-lo na medida em que voce precisa.lembre-se que estamos usando jQuery por isso, se ele ja esta la exclui a primeira linha de codigo. Este gadget usa dois scripts para executar, ambos ja estao ficando mas se voce quiser voce pode baixar e envia-los para o seu proprio alojamento para nao depender dos outros. Tenha em mente que o ticker mostra as ultimas entradas de blog , independentemente do rotulo, se voce quer mostrar os ultimos posts de uma determinada marca tera que editar o arquivo ticker.js e adicionar o que e mostrado em vermelho":"var entries;var feed;var feed_url=blog_url.match(/\/$/)?blog_url:blog_url+"/";feed_url+="feeds/posts/default/-/Nombre-de-la-etiqueta";Onde e o melhor? Isso depende do gosto de cada pessoa e do projeto de cada modelo, geralmente o ticker de noticias subiu ou baixa na cabeca, ou acima das entradas, mas como eu disse, isso