Friday, September 19, 2014

How to add Instagram Blogger gadget to your blog

This tutorial is about turning the Instush gallery into a Blogger Gadget like side-bar or header.

#grayscale_only First, you need to read this tutorial and follow the simple steps to create your Instagram gallery.
Once your gallery is ready on the Instush creator, enable the "Blogger Gadget link" check box under the embed code box and copy the link.
Back on you blog layout setting, click "Add a Gadget" where you want to display your feed.
Select a gadget that fits the layout of the gallery you just created, if the gallery is wider the the available space, for example, a side-bar then scroll bars will appear.

Once clicked, the gadget setting window will popup.
Select "Add your own" from the left and paste the link into the Url text box on the right.
Click "Add by Url" on the right of the text-box.

The gallery will appear on the window (don't worry if you see scroll bars, just resize the popup).
Set the title of the gadget on top to what ever you desire.
The gadget will set the size of the gadget on it's own, you don't need to change the height of the gadget.
Click "Save" at the bottom of the window and wait for it to close.

The gadget will be place on your blog layout.
Click "Save arrangement" on the top right side and preview your blog.

To remove the gadget, Click "edit" on the gadget, the setting window will popup. Click the "Remove" button on the bottom.

If you want to align the gadget to the right or center the gadget, add &align=right  or &align=center
to the end of the link.

Have fun :)