Ce wikiHow vous apprend à ajouter un bouton « J'aime » cliquable sur Facebook à votre site Web Blogger (blogspot.com). Après avoir créé le bouton dans le configurateur de bouton J'aime, il vous suffit de copier et de coller deux morceaux de code dans votre tableau de bord Blogger, en effectuant une modification rapide pour la compatibilité.
Pas
Partie 1 sur 3: Création d'un bouton J'aime
Étape 1. Accédez à
Vous pouvez utiliser n'importe quel navigateur Web moderne, tel que Chrome ou Safari.
Étape 2. Faites défiler jusqu'à Like Button Configurator
C'est dans la troisième section de la page.
Étape 3. Entrez l'adresse de votre blog dans la case "URL à aimer"
Étape 4. Entrez la largeur de votre plugin souhaitée dans la case "Largeur"
La plupart des utilisateurs de Blogger peuvent laisser cette case vide, car la largeur par défaut (450 px) fonctionne bien. Notez qu'il s'agit de la largeur de l'ensemble du plugin, et non du bouton J'aime lui-même.
Étape 5. Sélectionnez un style de bouton dans le menu « Mise en page »
Vous verrez un aperçu de chaque style lorsqu'il sera sélectionné.
Étape 6. Sélectionnez une action dans le menu "Type d'action"
Par défaut, votre bouton indiquera « J'aime ». Si vous préférez, vous pouvez le modifier pour dire « Recommander ». Lorsque quelqu'un clique sur le bouton, ses abonnés Facebook verront « (nom de la personne) le recommande.
Étape 7. Sélectionnez une taille dans le menu "Taille du bouton"
L'aperçu du bouton sous le configurateur vous montrera à quoi ressemble chaque taille.
Étape 8. Cochez ou décochez la case « Inclure le bouton de partage »
Si la case est cochée, un bouton indiquant « Partager » apparaîtra à côté du bouton J'aime sur votre blog. Si quelqu'un clique sur ce bouton, il aura la possibilité de saisir une partie de son propre texte avant de partager le lien avec ses amis Facebook.
Étape 9. Cliquez sur Obtenir le code
Vous verrez maintenant deux boîtes contenant du code HTML que vous devez coller dans différentes zones de Blogger.
Partie 2 sur 3: Ajout du code à votre modèle
Étape 1. Connectez-vous à
Utilisez un autre onglet ou une autre fenêtre de navigateur, car vous devrez copier et coller le code de Facebook vers Blogger.
Étape 2. Cliquez sur Modèle
C'est sur le côté gauche de l'écran, près du bas du menu.
Étape 3. Sauvegardez votre modèle de blog
Faites toujours une sauvegarde lorsque vous modifiez directement le code HTML de votre blog.
- Clique le Restauration de sauvegarde bouton en haut à droite de la page.
- Cliquez sur Télécharger le modèle.
- Saisissez un nom pour votre fichier, par ex. « sauvegarde du modèle de blog ».
- Cliquez sur sauvegarder.
Étape 4. Cliquez sur Modifier le code HTML
C'est juste en dessous de l'image d'aperçu de votre blog.
Étape 5. Copiez le code de la première case du configurateur Facebook Like Button
C'est le code dans la case du haut, sous "Étape 2".
Vous pouvez copier le texte en le mettant en surbrillance, puis en appuyant sur Ctrl+C ou ⌘ Commande+C
Étape 6. Collez le code dans votre code HTML Blogger
Le code doit être collé après la ligne commençant par <body, de préférence sur la ligne suivante.
- Pour vous donner un endroit pour coller le code, cliquez avant le premier caractère de la ligne après la balise body, puis appuyez sur ↵ Entrée ou ⏎ Retour.
- Cliquez sur la ligne vide, puis appuyez sur Ctrl+V ou ⌘ Commande+V pour coller.
Étape 7. Remplacez chaque "&" dans le code collé par"
&
”.
N'incluez pas les guillemets.
-
Par exemple, « //connect.facebook.net/en_US/sdk.js#xfbml=1 &version=v2.8" devient "//connect.facebook.net/en_US/sdk.js#xfbml=1
&
- version=v2.8""
Étape 8. Cliquez sur Enregistrer le modèle
-
Si vous avez accidentellement ignoré un "&", vous verrez une erreur indiquant "Error Parsing XML" juste au-dessus du code. Revenez au code collé, recherchez le & et remplacez-le par
&
- .
Partie 3 sur 3: Ajout du bouton à votre mise en page
Étape 1. Copiez la deuxième boîte de code à partir du configurateur de boutons similaires
Vous devrez revenir à votre autre fenêtre ou onglet de navigateur pour le trouver. C'est le code dans la case sous "Étape 3".
Vous pouvez copier le texte en le mettant en surbrillance, puis en appuyant sur Ctrl+C ou ⌘ Commande+C
Étape 2. Cliquez sur Mise en page dans Blogger
Il se trouve sur le côté gauche du tableau de bord Blogger, juste au-dessus de "Modèle".
Étape 3. Cliquez sur le bouton Ajouter un gadget à l'endroit où vous souhaitez que le bouton apparaisse
Dans la plupart des cas, vous souhaiterez que le bouton apparaisse dans un en-tête ou un pied de page
Étape 4. Sélectionnez HTML/JavaScript
Vous devrez faire défiler un peu pour le trouver.
Étape 5. Tapez facebook sous "Titre
”
Étape 6. Collez le code copié dans la zone « Contenu »
Vous pouvez le faire en cliquant dans la case et en appuyant sur Ctrl+V ou ⌘ Commande+V.
Étape 7. Cliquez sur Enregistrer
Vous verrez maintenant une boîte à gadgets appelée « facebook ».
Cliquez sur Aperçu dans le coin supérieur droit de la page pour vous assurer que le bouton apparaît là où il devrait. Si vous n'aimez pas l'emplacement, vous pouvez faire glisser la case « facebook » vers l'une des autres sections de votre mise en page
Étape 8. Cliquez sur Enregistrer la disposition
C'est dans le coin supérieur droit de l'écran. Désormais, lorsque quelqu'un aime votre blog, il peut facilement le partager avec tous ses amis Facebook.
