Mapa do site do Blogspot / Blogger com visualização dinâmica

Usaremos o recurso Dynamic View do Blogger para criar uma bela página de mapa do site para sites do Blogger / BlogSpot.

O recurso Dynamic View do Blogger oferece muitos efeitos de transição incríveis e muitos filtros em muitos layouts para listar o conteúdo do seu blog. Aproveitamos suas vantagens para criar uma página de mapa de site interessante para seus sites do Blogger / Blogspot.

A ideia é simples: o Blogger fornece o recurso Dynamic View em um URL separado em seu site. Portanto, usaremos essa URL para carregar a Visualização Dinâmica em um iframe. Muito simples, certo?

Demonstração do mapa do site do Blogger

Código do mapa do site do Blogger

Em primeiro lugar, crie uma página estática em seu blog e edite-a no modo HTML.

Em seguida, você precisará substituir o texto “ SEU_DOMINIO ” no código abaixo e, em seguida, copiá-lo e colá-lo no conteúdo da página (no modo HTML)

<! - 
Autor: http://sivanaonline.blogspot.com
URL: https://silvanaonline.blogspot.com/2021/05/mapa-do-site-do-blogspot-blogger-com-visualizacao-dinamica-sitemap-blog.html
->
<style type = "text / css">
.sbis {
	estouro: oculto;
	posição: relativa;
	altura: 565 px;
	margem: 20px 0 40px 0;
}
.sbis iframe {
	display: bloco;
	largura: 100%;	
	altura: 680px;
	margin-top: -115px;
	margem esquerda: -10px;
	padding-right: 10px;
}
</style>
<div class = "sbis">
	<iframe src="https://SEU_DOMINIO/view/flipcard"></iframe>
</div>

Você também pode substituir flipcard no código por UM dos seguintes estilos para alterar o layout do mapa do seu site:

• classic
• magazine
• mosaic
• sidebar
• snapshot
• timeslide

Notas

O iframe de visualização dinâmica funcionará em seu blog se todas as condições a seguir forem verdadeiras:

• Seu blog é público. Seus leitores não precisam entrar para visualizar seu blog. No Painel> Configurações> Básico > guia Leitores do blog, você precisa definir a leitura do seu blog como Público .
• Seu blog tem feeds totalmente ativados. No Painel > Configurações > guia Feed do site, você ativou Completo ou Jump Break para o seu feed de postagem.
• Você não desativou as visualizações dinâmicas. Na guia Painel > Configurações > Formatação, a opção para Habilitar Exibições Dinâmicas está definida como Sim .

Todos os comentários sao bem-vindos para melhorar o código.