Georgia Lou Studios

Welcome to the Help Center!

Instagram Sidebar Widget (Adelle)

Follow

Instagram Sidebar Widget

Step-by-Step Directions

STEP 1: Get your Instagram User ID and Token

  • Go to This Website and click on Generate Access Token button. 
  • Sign in to Instagram as normal, and give the site the access to generate your Access Token, (Don't worry it is a safe method!).
  • The code generated will look something like this: '1720536514.1677ed0.7de82de9a39e4d898da1d9891b3810c1'
  • Your USER ID is the first set of numbers before the first period (.). i.e. 1720536514
  • Your ACCESS TOKEN is the whole string: 1720536514.1677ed0.7de82de9a39e4d898da1d9891b3810c1

STEP 2: Setup the Widget

1. In your original theme download folder, inside the Widgets file, you will find a file called Instagram Widget.txt.anaise1.jpganaise2.jpg

2. Open the file using a plain text editor program like Note Pad or Text EditDO NOT use a word processing program like Microsoft Word.

*Your code may look a bit different. You will still need to replace the userId and AccessToken.

Screen_Shot_2019-04-04_at_8.58.13_AM.png

3. On the Blogger Layout page, click the Add a Gadget link to add a new gadget. fb3.png

4. Add an HTML/JavaScript widget.fb4.png

5. The Configure HTML/JavaScript box will open.

6. Give your widget a Title.

7. Copy and paste all the code from the Instagram Widget.txt file into the Content field.

8. At the top of the script, find the code: userId: '5560725922',insta1.jpg

9. Replace 5560725922 with your USER ID.

10. Next, find the code: accessToken: '5560725922.1677ed0.5d8606cf9d054183be1b090547a41dd2',insta2.jpg

11. Replace 5560725922.1677ed0.5d8606cf9d054183be1b090547a41dd2 with your ACCESS TOKEN. Leave the quotes intact.

12. To change the number of images displayed, find the code: limit:4,insta3.jpg

13. Change the number 4 to another number. Even numbers look best.

14. Click the orange Save button to save your widget settings.

 

Powered by Zendesk