Comment ajouter un widget instagram à blogger à l'aide de snapwidget
Comme Instagram a fait de gros changements en juin 2016, certains widgets Instagram ont cessé de fonctionner. Si vous bloguer sur WordPress, vous avez beaucoup de choix pour les widgets Instagram, mais avec Blogger, moins. J'ai donc mis en place un tutoriel rapide sur la façon d'ajouter un widget Instagram à votre blog de Blogger à l'aide de Snapwidget (le site officiel pour les widgets Blogger Instagram).
Etape 1:
Dans le tableau de bord, cliquez sur le bouton bleu: "
Create a New Widget" dans le coin supérieur droit.
Etape 3:
Sélectionnez votre widget. Aux fins de ce tutoriel, je sélectionne le widget le plus populaire, qui est une grille photo. C'est le premier widget à gauche. Cliquez simplement sur le bouton: " CREATE A NEW WIDGET"
.
Etape 4:
Tapez votre identifiant Instagram dans la zone Username. Une fenêtre contextuelle s'ouvrira vous invitant à vous connecter à Instagram. Allez-y et connectez-vous à votre compte Instagram.
Etape 5:
Après la connexion, vous serez retourné à la mise en page du widget. Copiez les paramètres dans la capture d'écran ci-dessus. Vous pouvez ajuster la taille de la miniature, mais comme vous devez sélectionner «Responsive» (le widget s'adaptera à la largeur de la barre latérale en fonction de la taille de l'écran), la taille de la vignette ne compte pas autant. Dans la section: "Layout" (mise en page), vous pouvez choisir le nombre de photos que vous souhaitez afficher. Vous pouvez sélectionner un effet de survol si vous le souhaitez, et si vous souhaitez afficher les boutons de partage de médias sociaux (je pense qu'ils ont l'air un peu désordonnés, mais ce n'est que moi). Vous pouvez toujours revenir en arrière et modifier votre widget, donc, si vous ne l'aimez pas après avoir collé dans votre blog, vous pouvez réviser. Lorsque vous avez entré vos paramètres, cliquez simplement sur le bouton bleu: "Get Widget" dans le coin inférieur droit de la page.
Etape 6:
Le code de widget est automatiquement généré pour vous. Il suffit de mettre en surbrillance le code dans la fenêtre contextuelle et cliquez sur Copier dans le Presse-papiers ou utilisez la commande + C dans Mac ou CTRL + C dans Windows et il sera copié sur votre ordinateur.
Etape 7:
Maintenant, connectez-vous à votre blog Blogger. Dans le tableau de bord, passez à la mise en page. Sur la barre latérale, cliquez simplement sur le lien Ajouter un gadget. Ensuite, sélectionnez le gadget HTML / Javascript.
Etape 8:
Maintenant, collez simplement le code dans le widget, donnez-lui un titre si vous le souhaitez, et cliquez sur le bouton Enregistrer. Maintenant, lorsque vous regardez votre blog en direct, vous aurez un petit widget Instagram qui va automatiquement extraire vos dernières photos d'Instagram vers votre blog Blogger. Si vous souhaitez modifier la mise en page (par exemple, afficher plus de photos, ajouter d'autres colonnes, etc.), revenez simplement à l'étape 5 dans Snapwidget et ajustez la mise en page, puis suivez toutes les autres étapes pour remplacer. Si vous avez des questions, n'hésitez pas à commenter ci-dessous !