Créer une page de plan de site Blogspot / Blogger à l'aide de la vue 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 allons donc utiliser cette URL pour charger la vue dynamique dans un iframe. Very simple, right? Très simple, non?


Voici la démo du plan du site Blogger

Code de plan du 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)

<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="http://YOUR_DOMAIN/view/flipcard"></iframe>
</div>

Vous pouvez également remplacer « flipcard » dans le code par UN des styles suivants pour changer la façon dont votre plan de site est mis en page:

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

Remarques

La vue dynamique iframe 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 votre lecture de blog sur Public .
• Votre blog a des flux entièrement activés. Dans le tableau de bord > Paramètres > onglet Flux du site , vous avez activé soit la pause complète, soit la pause pour votre post-flux .
• 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 .