April 25, 2012

Long Absence

I wanted to apologize for our absence. Michelle just started a new full time position (yeah for her) and I gave birth to a wonderful baby girl on March 30th.

We are deeply sorry about the absence. Here are some pictures of my new little one to tide you over.

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.