samedi 30 juin 2012

Déplacer ou ajouter une seconde barre de partage sur les réseaux sociaux de Blogger

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>

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.