TOOLS

Webstagram » TOOLS

TOOLS

Follow Me Button
Instagram Gallery for Blog / Web Site
FAQ

Follow Me Button

You can easily put Instagram's "Follow Me Button" on your Blog or Website.

Sample

Copy and Paste to your Website.

* This code is in HTML, so it cannot be used on the Facebook wall or as Instagram comments.

If your blog does not allow the pasting of the iframe code (e.g. wordpress.com),
or if the code above does not work, please try the code below.

<a style=" font: normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif; position: relative; background-color: #F8F8F8; background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede)); background-image: -moz-linear-gradient(top,#fff,#dedede); background-image: -o-linear-gradient(top,#fff,#dedede); background-image: -ms-linear-gradient(top,#fff,#dedede); background-image: linear-gradient(top,#fff,#dedede); border: #CCC solid 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #333; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; height: 18px; max-width: 98%; overflow: hidden; border-image: initial;color: #333; cursor: pointer; font-weight: bold; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); padding:4px; top:3px; " href="http://web.stagram.com/n/webstagram" target="_blank" title="@webstagram Webstagram| Instagram Web Viewer"><span style=" position: absolute; top: 50%; left: 4px; margin-top: -7px; width: 16px; height: 16px; background: transparent url(http://widget.stagram.com/img/webstagram_followicon.png) 0 0 no-repeat; background-image: url(http://widget.stagram.com/img/webstagram_followicon.png); background-repeat-x: no-repeat; background-repeat-y: no-repeat; background-attachment: initial; background-position-x: 0px; background-position-y: 0px; background-origin: initial; background-clip: initial; background-color: transparent; "><span">Follow @webstagram</a>

Check video instructions!

Tumblr | Wordpress.com | BLOGGER/BLOGSPOT

Instagram Gallery for your Blog / Website

You can put simple gallery on your blog or website easily!
Input specific username or hashtag, copy and paste! That's it!

* You cannot display private user's feed.
* Wordpress.com users cannot use this widget because of security reasons.

* Parts Type

Choose from the list.

Thumbnail Size

This is the size of each photo display. (20 to 250 pixels)

Layout

x Horizontal × Vertical（Now we can display max 20 pics only.）

Border of each photo

Do you want border?

Background color

# You can specify the background color. Leave this blank if you want it transparent.

Space of each photo

Input a number please. This represents the space between each photo display.

Preview

Sample : @webstagram's feed

Check video instructions!

Tumblr | Wordpress.com | BLOGGER/BLOGSPOT

WEBSTAGRAM TOOLS FAQ

1. Why are my gallery photos displaying white images?

Photos that are set to private on the Instagram application will not appear in the gallery.

If you are displaying photos from your account, make sure to turn off “Photos Are Private” on the Instagram application.

User page > Settings (top right corner) > Photos Are Private > Select OFF

2. Why don’t the photos on the gallery direct to the photo pages when I click on them?

Turning Visibility off on Webstagram will prevent non-logged-in users to see your photos. If you want photos to be shown to non-logged-in users, turn on Visibility on Webstagram’s Settings page.

Settings (top right) > Visibility > On (make sure that the blue button is visible)

3. The iframe coding is not working on my Wordpress blog.

While Blogger/Blogspot and Tumblr accept the iframe coding, Wordpress does not. It will only work if you have installed Wordpress on your server.

If you’re using the Follow Me button, please use the second code as seen on the Tools page: http://web.stagram.com/tools

4. My Instagram Gallery is not working on my Wordpress blog.

Wordpress does not allow the installation of the Instagram Gallery onto their blogs because of security reasons.

5. Why is my hashtag gallery not displaying the same number of photos stated on Webstagram's hashtag page?

If a user's photos are set to private, they will not show on the hashtag page.

Your gallery therefore will not generate these photos, explaining the difference in number of photos.

TOOLS

Follow Me Button

Instagram Gallery for your Blog / Website

WEBSTAGRAM TOOLS FAQ

Webstagram Features

About

[PR] Links