April 25, 2012

Add a "View my Instagram Gallery" link to your Instagram Widget

Remember how a LONG time ago I posted about Adding an Instagram Widget to Blogger Sidebar.

Well, Today I would like to show you how to add the View my Gallery Image to the bottom of your widget.


Don't worry I didn't steal this little picture from anywhere or anyone. I created it myself.

First things first, login to Followgram.

Near the top of your login dashboard should be two windows. Get your follow button - Get the Code and Get your vanity url - Get url. 

Ignore the first window. We want the vanity URL. 


The code should look similar to this http://followgram.me/YOURUSERNAME

Copy and Paste the vanity URL into a simple text editor.

Now copy and paste the following code into your text editor.

<a href="VANITY URL HERE" target="_blank"><img alt="view my instagram gallery" height="auto" src="http://i1251.photobucket.com/albums/hh552/lovinglifedesigns/ViewmyInstagramGallery.png" width="100%" /></a>

Now re-copy your vanity URL, that you should have already saved in the text editor, and replace VANITY URL HERE with the actual vanity URL. *Make sure you keep the quotation marks.

Finally copy the entire code (<a to /a>) and login to Blogger, go to DESIGN and then PAGE ELEMENTS. Open the HTML/Javascript widget you've already created from my last tutorial, and add the new code to the bottom of the HTML code that is already there. *You can place the code at the top/before the old code if you want the image link before your Instagram images.

Save the widget.

Viola, you are done.

If you have any questions on how to do this please feel free to leave a comment and I will be happy to answer your question. And if you apply this to your blog I would love to see it in action. Leave a comment and post a link.

You can see the effect in action at my example blog.

11 comments:

  1. So glad I stumbled upon this. Thanks so much for posting these instructions!

    ReplyDelete
  2. hi... i got the Side Widget for Instagram to work from your first tutorial, but i can't seem to get the "view my instagram" to display?

    i followed the directions above...

    it's weird because if you scroll at the veerryyy top of the first picture, there is something there to click, but the words "view my instagram" do not appear.

    did i do something wrong?

    lemme know - thx
    heather
    www.thislifeisyours.com

    *follow me*

    ReplyDelete
    Replies
    1. I am sorry. I just noticed your comment. I will look into it.

      Delete
    2. I've tried it several times and it's working for me. Are you copying the entire code? or just part of it?

      Delete
  3. Followgram is currently down. Any other way to do this without using Followgram?

    ReplyDelete
    Replies
    1. You can use another web view other than followgram. You could use Instagrid, Webstagram or Instagreat to find the pictures URL. If you are having trouble let me know and I can do a post about using a different web viewer.

      Delete
  4. hi, nice post and I like to post my sincere thank here for your effort to post this useful stuff.

    get more instagram followers fast

    ReplyDelete