Ajouter un bouton Facebook Partager au dessous du titre du message
Pour faire apparaitre un bouton Partager de Facebook sur une page de blog sous Blogger, suivez les étapes suivantes:1- Faites une sauvegarde de votre template ou modèle Blogger si une fois après une mauvaise manipulation, vous pourrez restaurez le modèle.
2- Ouvrez la section de modification du modèle comme suivant:
3- Cliquez sur Editer HTML.
4- Une nouvelle fenêtre va apparaitre et là cliquez sur Traiter pour accéder au code HTML du modèle ou template Blogger:
5- Cochez l'option d'expansion des widgets et la fenêtre va se rafraîchir
6- Cherchez <head> et remplacez-le par le code suivant:
<head>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
7- Maintenant, trouvez le code suivant:
<b:includable id='post' var='post'>
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Vous allez trouver plusieurs codes semblables au précédent mais soyez sûr de trouver un où il y a: <b:includable id='post' var='post'>
8- Copiez puis collez le code suivant juste après:
<b:if cond='data:blog.pageType == "item"'>
<div class='fb-like' data-send='false' data-show-faces='true' data-width='450'/>
</b:if>
Le résultat va ressemvler à ceci:
<b:includable id='post' var='post'>
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='fb-like' data-send='false' data-show-faces='true' data-width='450'/>
</b:if>
9- Voilà! C'est fait. Enregistrez votre template ou modèle et écrivez un article dans votre blog et vous allez voir apparaitre le bouton de partage Facebook.
Bonsoir,
RépondreSupprimerJe voudrais ajouter un bouton like et partager de Facebook, mais je n'arrive pas à trouver l'étape 3 à savoir
-cliquer sur éditer le modèle
Sur le blog, j'ai
modifier
prévisualiser
mettre en forme
annuler
rétablir les paramètres par défaut
Que dois-je faire?
Bonjour,
RépondreSupprimerEn revanche, ce qui est dommage, c'est par exemple lorsque l'on a partagé sur un groupe facebook de se rendre compte que... La vignette comporte une photo aléatoire au lieu de celle de l'article, et que le texte est inexistant. Je cherche la solution mais sans la trouver
thanks http://les-messages-sms.blogspot.com/
RépondreSupprimerBonjour j'ai pu trouvez un hébergement web le moins cher au maroc vous pouvez choisir votre hébergement web Maroc avec nom de domaine gratuit et à partir de 99dh/an pour plus d'information visitez le site web du votre hébergeur web au maroc https://derhosting.com
RépondreSupprimer