domingo, 24 de julho de 2016

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

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

2 comentários:

Alexandre Silvaツ disse...

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

Myblogger SEO disse...

Vamos revisar o Código amigo Obrigado

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner