Mapa do site para a plataforma Blogger / Blogspot.

O mapa de um site e muito importante, para uma boa otimização. Ele ajuda na indexação de suas paginas nos mecanismos de busca, já que todos os seus links podem ser encontrados em apenas um lugar.
Um dos problemas mais comuns, enfrentados para aqueles que utilizam o Blogger como plataforma, e sobre o Mapa do Site. Até em tão, o mapa do site no blogger, tinha que ser construído quase que manualmente, a cada nova postagem um novo link tinha que ser adicionado.

Para resolver esses problemas, fiz umas pesquisas na Web, e descobri um jeito bem fácil de criar o mapa do seu site automático. Você não vai mais ter que adicionar, link por link, a cada nova postagem no seu Blog. É tudo automático.

Vamos lá:

Vá ao painel do seu Blog e clique em NOVA POSTAGEM.

Depois clique em EDITAR HTML.

Atenção e muito importante que você não saia do modo editar HTML.

Agora cole o seguinte código, trocando a parte em vermelho pelo seu site.

<script style="text/javascript" src="http://www.salobro.com/scripts/mapablogger.js"></script>

<script src="http://seublog.blogspot.com/feeds/posts/default?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

Clique em Opções de postagens e modifique a data para uma bem longe de agora ( Ex: 05/03/10)de preferência uma data do ano passado, para que a postagem do mapa não apareça em primeiro no Blog.

Coloque o marcado com o nome de MAPA DO SITE.

Clique em publicar postagens e pronto!!!O mapa do seu site já esta criado.

OBS: O mapa do site pode demorar um pouco para carregar, dependendo da quantidade de arquivos existentes no seu Blog. 

Leia Mais...

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!

Leia Mais...