Le code ajouté au TEMPLATE par Blogger pour afficher la barre de partage sur les réseaux sociaux de Blogger est le suivant :
<div class='post-share-buttons goog-inline-block' >
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
Cette barre est affichée juste après les commentaires.
Comme sur ce site, on peut déplacer cette barre ou l'afficher une seconde fois en haut des messages.
* * * * *
1) Pour déplacer la barre AVANT les commentaires, déplacer le code juste après :
<div class='post-footer-line post-footer-line-1'>
Pour ajouter une interligne après la barre, ajouter <br/><br/> à la fin du code.
* * * * *
2) Pour ajouter une seconde barre EN HAUT des messages, ajouter le code précité également juste après :
<div class='post-header-line-1'/>
Pour ajouter une interligne après la barre, ajouter <br/> à la fin du code.
* * * * *
3) Pour déplacer le code vers la droite, remplacer :<div class='post-share-buttons goog-inline-block'>
par :
<div class='post-share-buttons goog-inline-block' style='margin-left:25%;'>
On peut aussi ajouter dans la partie centrale (en CSS) du template du blog, le code suivant :
.post-share-buttons {
margin-left:165px;
}
"165px" peut être adapté aux besoins : modifier le nombre ou remplacer "px" par "%".
* * * * *
Rappels : - pour ajouter cette barre de partage sur les réseaux sociaux de Blogger, consulter cette page ;
- comment modifier un template : consulter cette page.