12/04/2017

Tutorial: Sitemap para Blogger

||

Yo bunnie's, hoje venho trazer algo que já conhecia a alguns anos. Sim anos, assim que comecei a bloggar isso lá em 2009-2011 já via muitos sites usando. Ele se chama Sitemap, é o que chamamos de Goodies em alguns blogs. É um menu que mostra todas as categorias (label) do blog ou categoria e postagens, dependendo de cada modelo. Ele faz o serviço automático de organizar e listar categorias do blog. Isso ajuda muito os visitantes encontrar o que deseja de forma mais rápida, além de mostrar uma profissionalidade.

(Imagem retirada de My Blogger SEO)

1) Abra o blog que deseja estalar o código, na lateral do blog escolha "Páginas" e clique em "Criar nova pagina". Uma pagina similar a da postagem vai abrir. No topo dela você vai encontrar dois botões "Escrever" "HTML" escolha HTML e cole o código abaixo dentro da área em branco.


<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 prontinho! Créditos a My Blogger SEO.

Um comentário:

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram