Georgia Lou Studios

Welcome to the Help Center!

Instagram Sidebar Widget (Abigail)

Follow

This theme comes with a custom Instagram feed widget that is HTTPS compatible.

Note this widget will only work on Georgia Lou Studios templates.

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 folder, you will find a file called Instagram Widget.txt.adelle11.png

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.is2.png

3. On the Blogger Layout page, click the Add a Gadget link to add a new gadget. adelle12.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:1720536514,is3.png

9. Replace 1720536514 with your USER ID.

10. Next, find the code: accessToken:'1720536514.1677ed0.7de82de9a39e4d898da1d9891b3810c1',is4.png

11. Replace 1720536514.1677ed0.7de82de9a39e4d898da1d9891b3810c1 with your ACCESS TOKEN.

13. DO NOT edit the single quotes around the accessToken. they must remain intact or the widget will not work.

12. To change the number of images displayed, find the code: limit:4,is5.png

14. Change the number 4 to the number of images you wish to display. Even numbers look best.

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

Was this article helpful?
0 out of 0 found this helpful

Comments

Powered by Zendesk