Crie um índice (SiteMap) do seu blog separado por marcadores

Share on facebook
Share on google
Share on twitter
Share on linkedin

Olá Pessoal, hoje vou ensinar a vocês como adicionar um índice de suas postagens em seu blog separadas por marcadores. Essa página de índice também muito conhecida como Sitemap (Mapa do Site) é extremamente importante para seu blog, pois através dela o leitor poderá encontrar de um forma bem fácil e organizada o que ele esta procurando em seu blog, ela separa todas as suas postagens por marcadores e ainda coloca um aviso indicando os novos posts. Após organizar os seus posts usando esse recurso os mecanismos de busca indexarão com mais facilidade o seu conteúdo, colaborando também para o SEO do seu blog.

O código é de fácil instalação em seu blog, basta apenas seguir o tutorial abaixo e desfrutar de um belo índice em seu blog, vamos lá. 
Acesse o Painel do Blogger e clique na guia Página, Nova página e Página em branco. 

Você será direcionado para a criação da página, mude para o modo HTML, dê um titulo a página e cole o código a seguir, fazendo as devidas alterações.

<div dir="ltr" style="text-align: left;" trbidi="on"> 
<style type="text/css"> 
.label p {font: normal normal 24px Oswald; 
font-size: 150%; 
background:#2780c7; 
border: 1px solid #fff; 
margin-top: -10px; 
padding: 8px; 
width:97%; 
text-decoration:none; 

.label p a:link{ 
color:#FFFFFF; 
text-decoration:none; 

.label p a:visited{ 
color:#FFFFFF; 
text-decoration:none; 

.label p a:hover{ 
color:#ff9900; 

.label li { 
margin:0; 
border-bottom:1px dashed #CCCCCC; 

</style><br /> 
<div class="label"> 
<script src="http://dl.dropbox.com/u/3173073/GothicDarkness/Indice-categoria.js"
</script><br /> 
<script src="URL DO BLOG/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> 
</script></div> 
</div>
 Clique em visualizar para ver o preview da página de índice e salve. 

  • OBS: Não esqueça de fazer as seguintes alterações.
  • URL DO BLOG: Coloque o endereço completo do seu blog
  • #2780c7: Troque pelo código da cor que será o fundo dos títulos dos marcadores.

Acesse também: Tabela com código de cores em HTML

Depois de fazer todas as alterações basta apenas divulgar o link da sua página de índice, você pode adicionar o link em seu menu, adicionar um link dentro dos artigos, ou até mesmo um botão em sua sidebar.

Deixe seu comentário

Quem somos

A Entendedor Digital é uma empresa de marketing digital que tem como objetivo ajudar pequenas, médias e grandes empresas a venderem mais pela internet. 

Posts recentes

Acompanhe-nos

Receba novidades por e-mail

Garantimos a segurança e privacidade dos seus dados. Não enviaremos SPAM.