Créer une page de plan de site Blogspot / Blogger à l'aide de l'affichage dynamique

Nous utiliserons la fonction d'affichage dynamique de Blogger pour créer une belle page de plan de site pour les sites Web Blogger / BlogSpot

La fonction d'affichage dynamique de Blogger fournit de nombreux effets de transition impressionnants et de nombreux filtres dans de nombreuses mises en page pour répertorier le contenu de votre blog. Nous profitons de ses avantages pour créer une page de plan de site sympa pour vos sites Web Blogger / Blogspot.

L'idée est simple, Blogger propose une fonction d'affichage dynamique sur une URL distincte de votre site. Nous utiliserons donc cette URL pour charger la vue dynamique dans une iframe. Très simple, non?

Voici la démo du plan de notre site Blogger

Code du plan de site Blogger

Dans un premier temps, créez une page statique sur votre blog et modifiez-la en mode HTML.

Ensuite, vous devrez remplacer le texte " YOUR_DOMAIN " dans le code ci-dessous, puis le copier et le coller dans le contenu de votre page (en mode HTML)

[<!-- 

Author: https://www.gb00hub.com

URL: https://www.gb00hub.com/2020/08/creer-une-page-de-plan-de-site-blogspot.html -->

<style type="text/css">

.sbis {

overflow: hidden;

position: relative;

height: 565px;

margin: 20px 0 40px 0;

}

.sbis iframe {

display: block;

width: 100%;

height: 680px;

margin-top: -115px;

margin-left: -10px;

padding-right: 10px;

}

</style>

<div class="sbis">

<iframe src="https://YOUR_DOMAIN/view/flipcard"></iframe>

</div>]

Vous pouvez également remplacer « flipcard » dans le code par un des styles suivants pour modifier la présentation de votre plan de site:

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

Remarques

L'iframe de vue dynamique fonctionnera sur votre blog si toutes les conditions suivantes sont remplies:

• Votre blog est public. Vos lecteurs n'ont pas besoin de se connecter pour consulter votre blog. Dans l' onglet Tableau de bord > Paramètres > De base > Lecteurs de blog, vous devez définir la lecture de votre blog sur Public .
• Votre blog a des flux entièrement activés. Dans l' onglet Tableau de bord > Paramètres > Flux de site, vous avez activé soit Complet ou Jump Break pour votre flux de publication.
• Vous n'avez pas désactivé les vues dynamiques. Dans l' onglet Tableau de bord > Paramètres > Formatage, l'option Activer les vues dynamiques est définie sur Oui .