Comment ajouter Facebook comme Blogger (avec des images)

Vous devez ajouter un bouton Facebook Clickable Facebook sur votre blogueur (blogspot.Com) Site Web. Après avoir construit le bouton dans le configurateur de bouton similaire, vous devez simplement copier et coller deux bits de code dans votre tableau de bord Blogger, en faisant une modification rapide pour la compatibilité.

Pas

Partie 1 de 3:

Créer un bouton comme

1. Aller à https: // développeurs.Facebook.com / docs / plugins / bouton similaire. Vous pouvez utiliser n`importe quel navigateur Web moderne, tel que chrome ou safari.

Image intitulée Ajouter Facebook comme Blogger Step 2

2. Faites défiler jusqu`à ce que vous aimez le configurateur de bouton. C`est dans la troisième section de la page.

Image intitulée Ajouter Facebook comme Blogger Étape 3

3. Entrez l`adresse de votre blog dans la case "URL à aimer".

Image intitulée Ajouter Facebook comme Blogger Step 4

4. Entrez la largeur de votre plugin souhaitée dans la zone "largeur". La plupart des utilisateurs de blogueurs peuvent laisser cette boîte en blanc, car la largeur par défaut (450 px) fonctionne bien. Notez que c`est la largeur de l`ensemble du plugin, pas le bouton similaire lui-même.

Image intitulée Ajouter Facebook comme Blogger Étape 5

5. Sélectionnez un style de bouton dans le menu "Mise en page". Vous verrez un aperçu de chaque style quand c`est sélectionné.

Image intitulée Ajouter Facebook comme Blogger Step 6

6. Sélectionnez une action dans le menu "Type d`action". Par défaut, votre bouton dira "comme."Si vous préférez, vous pouvez le changer pour dire" Recommander."Lorsque quelqu`un clique sur le bouton, leurs adeptes de Facebook verront" (Nom de la personne) le recommande."

Image intitulée Ajouter Facebook comme Blogger Step 7

7. Sélectionnez une taille dans le menu "Taille du bouton". Le bouton Aperçu du bouton sous le configurateur vous montrera à quoi ressemble chaque taille.

Image intitulée Ajouter Facebook comme Blogger Step 8

8. Vérifiez ou décochez la case «Inclure le bouton Partager». Si la case est cochée, un bouton indiquant "Share" apparaîtra à côté du bouton similaire de votre blog. Si quelqu`un clique sur ce bouton, ils auront la possibilité d`entrer dans leur propre texte avant de partager le lien avec leurs amis Facebook.

Image intitulée Ajouter Facebook comme Blogger Étape 9

9. Cliquez sur Obtenir le code. Vous verrez maintenant deux cases contenant du code HTML que vous devez coller dans différentes zones de blogueur.

Partie 2 de 3:

Ajout du code à votre modèle

1. Connectez-vous à https: // blogueur.com. Utilisez une autre fenêtre ou une autre fenêtre de navigateur, car vous aurez besoin de copier et collez le code de Facebook à Blogger.

Image intitulée Ajouter Facebook comme Blogger Étape 11

2. Cliquez sur Modèle. Il est sur le côté gauche de l`écran, près du bas du menu.

Image intitulée Ajouter Facebook comme Blogger Step 12

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 Tableau de téléchargement.

Entrez un nom pour votre fichier, e.g. "Sauvegarde du modèle de blog."

Cliquez sur Sauvegarder.

Image intitulée Ajouter Facebook comme Blogger Step 13

4. Cliquez sur Modifier HTML. C`est juste sous l`image de prévisualisation de votre blog.

Image intitulée Ajouter Facebook comme Blogger Step 14

5. Copiez le code de la première case du configurateur de bouton de type Facebook. C`est le code dans la case supérieure sous "Étape 2."

Vous pouvez copier le texte en le mettant en surbrillance, puis appuyé sur Contrôler+C ou commande+C.

Image intitulée Ajouter Facebook comme Blogger Étape 15

6. Collez le code dans votre code HTML Blogger. Le code doit être collé après la ligne qui commence par, de préférence sur la ligne très suivante.

Pour vous donner un endroit pour coller du code, cliquez sur avant le premier caractère de la ligne après la balise de carrosserie, puis appuyez sur ↵ Entrer ou le retour.

Cliquez sur la ligne vide, puis appuyez sur Contrôler+V ou commande+V coller.

Image intitulée Ajouter Facebook comme Blogger Step 16

7. Remplacez chaque "&" dans le code collé avec "& amp-". N`incluez pas les guillemets.

Par exemple, "// Connect.Facebook.NET / EN_US / SDK.JS # XFBML = 1EtVersion = v2.8 "devient" // connecter.Facebook.NET / EN_US / SDK.JS # XFBML = 1& amp-Version = v2.8""

Image intitulée Ajouter Facebook comme Blogger Étape 17

8. Cliquez sur Gabarit.

Si vous avez accidentellement ignoré un "&", vous verrez une erreur indiquant "Erreur d`analyse XML" juste au-dessus du code. Retournez au code collé, trouvez le &, et le remplacer par & amp-.

Partie 3 sur 3:

Ajout du bouton à votre mise en page

1. Copiez la deuxième case du code à partir du configurateur de bouton similaire. Vous devrez revenir à votre fenêtre ou onglet de votre autre navigateur pour le trouver. Ceci est le code dans la case sous "Étape 3."

Vous pouvez copier le texte en le mettant en surbrillance, puis appuyé sur Contrôler+C ou commande+C.

Image intitulée Ajouter Facebook comme Blogger Step 19

2. Cliquez sur Mise en page retour dans le blogueur. C`est sur le côté gauche du tableau de bord du blogueur, juste au-dessus de "modèle."

Image intitulée Ajouter Facebook comme Blogger Step 20

3. Clique le Ajouter un gadget bouton où vous voulez que le bouton apparaisse.

Dans la plupart des cas, vous voudrez que le bouton apparaisse dans une en-tête ou un pied de page.

Image intitulée Ajouter Facebook comme Blogger Step 21

4. Sélectionner Html / jаvascript. Vous devrez faire défiler un peu pour le trouver.

Image intitulée Ajouter Facebook comme Blogger Step 22

5. Taper Facebook sous "titre."

Image intitulée Ajouter Facebook comme Blogger Step 23

6. Coller le code copié dans la case "Contenu". Vous pouvez le faire en cliquant sur la case et en appuyant sur Contrôler+V ou commande+V.

Image intitulée Ajouter Facebook comme Blogger Step 24

7. Cliquez sur Sauvegarder. Maintenant, vous verrez 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 boîte «Facebook» vers l`une des autres sections de votre mise en page.

Image intitulée Ajouter Facebook comme Blogger Step 25

8. Cliquez sur Arrangement. C`est au coin supérieur droit de l`écran. Maintenant, quand quelqu`un aime votre blog, ils peuvent facilement le partager avec tous leurs amis Facebook.