Novo modelo Sitemap para Blogger

new-style-sitemap-for-blogger-2016



Hoje vamos apresentar um novo modelo de sitemap por labels separadas para seu Blogger para quem não sabe sitemap é um mapa total do seu Blogger isso ajuda os visitantes a encontrar o conteúdo de forma mais rápida e tmabém ajuda a melhorar a indexação do Blogger no Google temos diversos tipos e modelos e hoje vamos compartilhar como pode ver em demo para adicionar isso no seu Blogger siga os passos abaixo


Adicionando Novo modelo sitemap no Blogger

Faça login no Blogger então no painel clique em nova pagina, na aba html ao lado de escrever copie e cole o seguinte código.
<div class="jontor">
<script src="https://googledrive.com/host/0B_1DArceSF8qOWkyZFl1VHBUV2c"></script>
  <script src="/feeds/posts/default?max-results=5000&amp;alt=json-in-script&amp;callback=mas_tamvan_Load"></script>
</div>
<style type="text/css">.jontor{width:100%;border-collapse:collapse;text-align:left;overflow:hidden;margin:0 auto;}
.jontor a{color:black;}
.jontor p .mas_tamvan_Label{background:#4ECDC4;display:block;padding:12px;}
.jontor ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#d9f4f2;color:#666;text-decoration:none;transition:all .3s ease-out;}
user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;}
.jontor ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#0fa9cd;color:#fff;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}
.jontor ol li:hover:after{left:-.5em;border-left-color:#0fa9cd;}
.jontorol li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);}
.jontor ol li:after{position:absolute;content:'';border:.5em solid transparent;left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
ol{counter-reset:li;list-style:none;font:15px 'Arial';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;}
.mas_tamvan_Postname li:nth-of-type(odd){background:#f1f3f3;}
.new{color:red!important;font-weight:700;font-style:italic;}
user agent stylesheetol{display:block;list-style-type:decimal;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;}
</style>

Salve e pronto

2 comentários

avatar

Ai mano esse codigo parou de funcionar
https://googledrive.com/host/0B_1DArceSF8qOWkyZFl1VHBUV2c

avatar

Vamos revisar o Código amigo Obrigado

Click to comment