novembre 30, 2013

Numérotation de page sur blogger 3

Photo non contractuel

Et oui un autre code pour organisez votre blog grâce à la pagination 

Même règle qu'avant n’oubliez pas de sauvegardé le code HTML de votre code (votre template)

Pour copier les codes qui vont suivre n'oubliez pas

CTRL+C et CTRL +V 

Dans votre blog allez dans modèle puis dans Modifier le code HTML

A l'aide de CTRL+F recherchez ceci:

]]></b:skin> 

Juste avant cela collez le code qui suit:

.showpageNum a {
background: #02ab68;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpage a {
background: #02ab68;
padding: 5px;
padding-left: 10px;
border: 1px solid #b9b9b9;
padding-right: 10px;
margin-right: 5px;
color: #000;
font-weight: bold;
}
.showpageArea {
float: left;
}
.feed-links {
display: none;
}
.showpageArea a {
float: left;
font-size: 15px;
color: #fff!important;
padding-left: 15px;
padding-right: 15px;
}
.showpagePoint {
float: left;
font-size: 15px;
padding-left: 15px;
padding-right: 15px;
}
.showpageArea a {
text-decoration: none;
}
.showpageArea {
float: left;
width: 363px;
margin-top: 10px;
}


A présent 

Recherchez cela :

</body>

et juste avant collez ce dernier code


<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://widcraft.googlecode.com/svn/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigation Ends -->

les éléments en bleu sont personnalisables

Exemple: Suivant au lieu de NEXT

Aucun commentaire:

Enregistrer un commentaire

Merci à vous !