Il ne fait aucun doute que Blogger est l'une des meilleures plateformes de blogs, même si elle n'est pas si flexible.
En tant qu'utilisateur de blogspot nous avons pensé que cacher un certain élément sur notre page Web est une tâche assez difficile et ne peut pas être fait. Mais il faut savoir que tout dépend de CSS et de XML et qu'on peut facilement cacher ou supprimer un certain élément à l'aide d'un petit codage css.
Donc, aujourd'hui, nous allons apprendre à cacher la barre latérale dans votre blog blogger et créer une page pleine largeur sans barre latérale.
4. Remplacer la width: 99% selon vos besoins, vous pouvez même utiliser des pixels au lieu de pourcentage, c'est-à-dire 960px.
Codage supplémentaire: Si vous souhaitez également masquer les Titres d'une certaine page, il suffit de coller le code suivant avant </ style> dans le codage ci-dessus. (Cela n'aura pas d'effet de ramper puisque les robots peuvent facilement voir ces choses)
5. Maintenant, publiez-le, puis visitez votre site pour vérifier les pages de votre blog avec un look parfait.
Ce code cache la barre latérale de votre blog et donne un aspect plus professionnel à vos pages de blog.
J'espère que vous publiez avec succès votre page / post pleine largeur. Si vous rencontrez des difficultés faites le moi savoir dans les commentaires.
En tant qu'utilisateur de blogspot nous avons pensé que cacher un certain élément sur notre page Web est une tâche assez difficile et ne peut pas être fait. Mais il faut savoir que tout dépend de CSS et de XML et qu'on peut facilement cacher ou supprimer un certain élément à l'aide d'un petit codage css.
Donc, aujourd'hui, nous allons apprendre à cacher la barre latérale dans votre blog blogger et créer une page pleine largeur sans barre latérale.
Suppression de la barre latérale et augmentation de la largeur des pages:
Il suffit de suivre les étapes simples ci-dessous pour masquer la barre latérale de votre page de blogger ou de votre message:
1. Accédez à Blogger.com >> Ajouter une nouvelle page / un nouveau message
2. Sélectionnez l'onglet Modifier le modèle HTML de Blogger.
3. Collez le CSS suivant:
<style>
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:99%!important;}
</style>
4. Remplacer la width: 99% selon vos besoins, vous pouvez même utiliser des pixels au lieu de pourcentage, c'est-à-dire 960px.
Codage supplémentaire: Si vous souhaitez également masquer les Titres d'une certaine page, il suffit de coller le code suivant avant </ style> dans le codage ci-dessus. (Cela n'aura pas d'effet de ramper puisque les robots peuvent facilement voir ces choses)
.post-title, .post-labels, post-icons, post-author {display:none!important;}
5. Maintenant, publiez-le, puis visitez votre site pour vérifier les pages de votre blog avec un look parfait.
Ce code cache la barre latérale de votre blog et donne un aspect plus professionnel à vos pages de blog.
J'espère que vous publiez avec succès votre page / post pleine largeur. Si vous rencontrez des difficultés faites le moi savoir dans les commentaires.
Enregistrer un commentaire
Laisser un commentaire