Deslizante automática da imagem, obras slider é toda vez que fizer uma nova postagem aparecerá na barra. Então não tem que se preocupar sobre como inserir um tempo de sua legenda e URL. Clique em Adicionar um Gadget >> escolha HTML / Javascript, digite o seguinte código na coluna sob o cabeçalho (há duas colunas selecione a acima):
<div id="slider">
<script style="text/javascript" src="http://creatingwebsite.googlecode.com/files/slidergallery.js"></script>
<script style="text/javascript">
var numposts_gal = 6;
var numchars_gal = 150;
var random_posts = false; // random posts
</script>
<script src="http://temasweb.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script>
</div>
URL mudança da cor vermelha coloque com o seu URL, O Slide trabalha automaticamente com o seu postagem mais recente.
Categorias com miniaturas
Como mostrado na barra lateral à direita, insira o código abaixo na coluna lateral:
<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = true;var showpostsummary = false;var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/top music?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
Alterar o texto em azul para a categoria ou o rótulo que você deseja mostrar na barra lateral.
Categoria sem miniaturas
Um exemplo pode ser o lateral direito em cima da música. Digite esse código na caixa de HTML / Javascript em seu modelo:
<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://temaswebsites.blogspot.com/feeds/posts/summary/-/jazz?max-results=8&alt=json-in-script&callback=recentpostslist"></script>
<a href=http://temaswebsites.blogspot.com/search/label/jazz style="float:right;font:normal 10px Arial;padding:5px 0;">More Post »</a>
Demo: Clique aqui
Download: MediaFire
Download: Link Direto

Nenhum comentário:
Postar um comentário