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

PARTAGER:

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 .

COMMENTAIRES

Nom

Android,5,BLOGGER,4,Blogging,6,COMPOSANTS ET PÉRIPHÉRIQUES,1,Conseils Blogger,1,FREE SURF,1,Hacking,1,Internet,4,INTERNET GRATUIT,1,iOS,2,iPad,2,iPhone,2,Jeux,1,Manuscrit Blogger,3,Mobile,6,PC,2,Reseaux sociaux,2,Snapchat,1,TERMUX,6,Tutoriels,9,Tutoriels WordPress,1,Webmestre,1,Webmestre Manuscrit,1,WhatsApp,1,WINDOWS,1,WordPress,1,
ltr
item
GB00HUB: Créer une page de plan de site Blogspot / Blogger à l'aide de l'affichage dynamique
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
https://1.bp.blogspot.com/-dBYDWv0vaOI/Xy28q1THbdI/AAAAAAAAE4Y/ysHHgF4V-DMoUO6a0-BLjUWZKNk2vzXtgCLcBGAsYHQ/s640/Cr%25C3%25A9er%2Bune%2Bpage%2Bde%2Bplan%2Bde%2Bsite%2BBlogspot%2B%2BBlogger%2B%25C3%25A0%2Bl%2527aide%2Bde%2Bl%2527affichage%2Bdynamique.jpg
https://1.bp.blogspot.com/-dBYDWv0vaOI/Xy28q1THbdI/AAAAAAAAE4Y/ysHHgF4V-DMoUO6a0-BLjUWZKNk2vzXtgCLcBGAsYHQ/s72-c/Cr%25C3%25A9er%2Bune%2Bpage%2Bde%2Bplan%2Bde%2Bsite%2BBlogspot%2B%2BBlogger%2B%25C3%25A0%2Bl%2527aide%2Bde%2Bl%2527affichage%2Bdynamique.jpg
GB00HUB
https://www.gb00hub.com/2020/08/creer-une-page-de-plan-de-site-blogspot.html
https://www.gb00hub.com/
https://www.gb00hub.com/
https://www.gb00hub.com/2020/08/creer-une-page-de-plan-de-site-blogspot.html
true
1000013090870225564
UTF-8
Chargé Tous Les Articles Aucun Article trouvé VOIR TOUT Lire la suite Réponse Annuler la réponse Effacer Par Accueil PAGES POSTS Voir Tout RECOMMANDÉ POUR VOUS LABEL ARCHIVER RECHERCHER TOUS LES ARTICLES Aucun article ne correspond à votre demande Back Home Dimanche Lundi Mardi Mercredi Jeudi Vendredi samedi Dim Lun Mar Mer Jeu Ven Sam Janvier Fevrier Mars Avril Mai Juin Juillet Août Septembre Octobre Novembre Decembre Jan Feb Mar Avr Mai Juin Juil Août Sep Oct Nov Dec Maintenant Il y a 1 minute $$1$$ minutes ago Il y a 1 heure $$1$$ hours ago Hier $$1$$ days ago $$1$$ weeks ago il y a plus de 5 semaines Followers Suivre CE CONTENU PREMIUM EST VERROUILLÉ ÉTAPE 1: Partager sur un réseau social ÉTAPE 1: Partager sur un réseau social Copier Tout Le Code Sélectionner Tout Le Code Tous les codes ont été copiés dans votre presse-papiers Impossible de copier les codes / textes, veuillez appuyer sur [CTRL] + [C] (ou CMD + C avec Mac) pour copier Table des matières