Astuces de blog ⚙️💡
Comme j'ai un peu cherché avant d'y arriver… Si ça intéresse quelqu'un…
Code de pagination :
https://xomisse.com/blog/how-to-add-numbered-pagination-to-blogger/
(Si le lien ne fonctionne plus, voici les grandes lignes :
1) Dans le code HTML, juste au-dessus de la balise ]]></b:skin> , coller ce qui suit :
/* Start XOmisse Pagination - Custom CSS */
#blog-pager, .blog-pager {
display:block;
padding:5px 0;
}
.showpage a, .pagenumber a, .totalpages, .current {
position: relative;
display: inline-block;
padding: 5px 10px;
margin: 0 2px;
background: #ffffff;
color: #333;
border: 1px solid #f2f2f2;
font-size: 12px;
border-radius: 2px;
transition: all .3s;
}
.showpage a:hover, .pagenumber a:hover, .current {
background: #333333;
color: #ffffff;
text-decoration:none;
}
/* End XOmisse Pagination */
2) Rechercher la balise de fermeture du corps, </body>, qui se trouvera vers la fin du code. Au-dessus de la balise coller :
<b:if cond='data:blog.pageType == "index"'>
<!-- Start XOmisse Pagination -->
<script type='text/javascript'> //<![CDATA[ /** WRITTEN BY XOMISSE.COM **/
var postperpage=3; var numshowpage=4; var prevpage ='Previous'; var nextpage ='Next'; var urlactivepage=location.href; var home_page="/";
//]]> </script>
<script src='https://cdn.rawgit.com/xomisse/ac8ccfa4b8fb2c26d5cf76270db92201/raw/f957494b1691cce3d5a8cb92e5b4ed57cded9729/pagination.js' type='text/javascript'/>
<!-- End XOmisse Pagination -->
</b:if>
Remplacer la postperpagevaleur par le nombre de messages qui apparaîtront sur chaque page. Cela doit correspondre au nombre sélectionné dans Paramètres > Publications, commentaires et paramètres de partage > Publications > Afficher au maximum.
Remplacer la numshowpagevaleur par le nombre souhaité de pages à afficher dans la navigation des pages numérotées.
Remplacer les valeurs prevpage et nextpage par le texte si souhaité. Ensuite, enregistrer le modèle.
Bouton "j'aime" :
https://www.notuxedo.com/creer-bouton-j-aime-sur-blogger/
https://likebtn.com/en/like-button-generator
Le reste, c'est du langage HTML ou JavaScript de base, souvent avec des widgets préconçus - C'est beaucoup plus simple 😀
Commentaires
Enregistrer un commentaire