First you will need to log into Google or create a new Google account if you do not already have one. To obtain an API key go to https://console.developers.google.com/project. Once you are on this page you can create a project that uses an API key.

Click ‘Create Project’.

Enter a project name. In this example we’ll use OHT Videos.

Agree to the Terms of Service and click ‘Create’.

It takes a moment while the project is created and the screen refreshes. After the screen refreshed click ‘APIs and auth’ on the left hand side menu. You’ll then see the submenu below titled ‘APIs.’ Click ‘APIs.’

Click the link for YouTube Data API

Then on the page that appears, click ‘Enable API’.

Next, in the ‘APIs and auth’ submenu click Credentials. Under Public API access, click ‘Create New Key’.

A popup box will appear with four choices. Choose ‘Server Key’.

On the next popup box, ‘Create a server key and config allowed IPs’, click the ‘Create’ button.

Your API key will be created. Copy the API key.

Paste it in to the Google Developer API Key field on your site’s MaxGalleria: Settings page > YouTube, towards the bottom of the screen.

Once you have your Google Developer API Key saved, MaxGalleria will allow you to add videos to your video galleries.

The post MaxGalleria – Setting up YouTube API for Video Gallery Integration first appeared on Our-Hometown.

Options

Gallery Skin: Standard, Silver, Kitt, Ghost and Black are the five main options for gallery skin that will adjust how the slider image looks as well as the dots that appear below the slider.

Slider Captions Enabled: Turns on the display of the image title field. The title will appear when the mouse hovers over a slider image. The title will appear in a small box.

Slider Image Click Enabled: If enabled, a visitors click can open several different options, found below. Default setting is “disabled.”

Slider Image Click Opens: End result of a user clicking the slider image. Options are Image Page (Attachment Page), Image Link (the link you’ve set for that image) and Original Image (direct URL of image).

Auto Play Enabled: Turn auto scrolling on or off.

Auto Play Speed: From 0.5 to 10.0 in increments of 0.5, select the amount of time that each image in the slider will show before transitioning to the next image.

Display Arrows: Show or hid arrow buttons.

Display Dots: Show or hid pager dots.

Enable Mouse Drag: Allow slides to be move with a mouse drag.

Fade: Turns on fade transition effect.

Right to Left: Slides are shown from right to left.

Pause on Hover: Pause auto play when the mouse is over the image.

Pause on Dots Hover: Will pause auto play when the mouse is over the area containing the slider image dots.

Infinite: Enables infinite scrolling.

Lazy Load: Loads images as needed.

Move Slide with Touch: Enables sliding images by touch.

Transition Speed: From 0.1 to 3.0 seconds, select the amount of time the animation will take from slide to slide.

Mobile First: Will use mobile first calculation for responsive settings.

Initial Slide: Set the initial slide to start when the slider is rendered.

Swipe: Turns on touch swipe.

Use CSS Transitions: Enable CSS Transitions.

Allow Variable Width: Disables automatic slide width calculation.

Vertical Slide: Switches the direction of the slides to vertical.

Vertical Swipe: Changes swipe direction to vertical.

Gallery Description

For each gallery you can create a description that discusses your gallery or adds extra information for anyone viewing the gallery. If enabled, you can choose to put the description above or below your gallery (default is above).

The post MaxGalleria – Slick Slider first appeared on Our-Hometown.

After turning on the Vimeo add-on, you will be able to upload Vimeo videos along with YouTube videos in any of your video galleries.

Adding Videos

Navigate to your video gallery and click Add Videos. You can now see the Vimeo option is supported for URLs.

After adding a URL just click Add to Gallery and the thumbnails for the videos will be added to your gallery along with the URL and the title.

Note: Be sure to use the plain Vimeo URL and not a URL that has /channels/ in it or the video will not load properly.

Good URL: http://vimeo.com/104894544
Bad URL: http://vimeo.com/channels/staffpicks/85517984

The post MaxGalleria – Vimeo first appeared on Our-Hometown.

You will be able to see it in the Templates for your galleries, once it is turned on. The showcase features one large video on top of the thumbnails that changes whenever the thumbnails are clicked.

Adjusting Gallery Settings

Gallery Skin: Video Showcase comes packaged with a few standard skins. Currently there are, No Border, Picture Frame, Portal, Portal Dark, Standard, Standard Dark, Tightness and Tightness Dark.

Thumbnail Columns: Depending on how many videos you have in your gallery you may want a different amount of columns. MaxGalleria defaults to five columns, but you can choose anywhere between 1 and 10. Whatever column selection you make, your gallery will stick to that and is responsive, so you’ll have the same number of columns on all devices (larger numbers will adjust automatically on mobile).

Thumbnail Shape: Three options here with Square, Landscape and Portrait. Landscape is especially nice for the Video Showcase as videos tend to be in a 16:9 ratio already, converting well to the Landscape shape.

Thumbnail Captions Enabled: For each image you have the ability to add/edit captions. If you’d like those captions to appear when the gallery loads, you’d want to check the checkbox for this option.

Thumbnail Captions Position: The location of the captions when the gallery loads on the page. Options are Below Image or Bottom of Image.

Thumbnail Opacity Enabled: If enabled, the thumbnails will appear at an opacity level of 0.7 unless it is the active photo which will set the thumbnail to opacity of 1.

Thumbnail Custom Image Class: Adds a class to every image.

Thumbnail Custom Image Container Class: Adds a class to the image container.

Thumbnail Custom Rel Attribute: Changes the Rel Attribute of the image. The default allows clicking prev/next inside the lightbox to get between the images.

Gallery Description

For each gallery you can create a description that discusses your gallery or adds extra information for anyone viewing the gallery. If enabled, you can choose to put the description above or below your gallery (default is above).

The post MaxGalleria – Video Showcase first appeared on Our-Hometown.

On the settings tab, in media Sources you’ll see Instagram.

Granting Access

To start pulling from Instagram you need to let Instagram know that everything is cool. Clicking Grant Access will take you to Instagram to login if you have not already done so.

Once logged in to Instagram, you’ll see a notification that MaxGalleria wants to access your Instagram photos. Max Foundry never gets access to this information, you are only authorizing for your particular website. After authorizing you will be redirected to the Settings page and shown the Instagram information you just authorized.

If at any time you would like to remove access, you can do so from the same Settings page.

Adding Images From Instagram

If you are in a new gallery or old, click Add Images. Along with the standard uploading options, you’ll now see an Instagram tab on the left. Clicking on the Instagram tab will show all of your Instagram images which you can now select from and add to your gallery. Click as many as you’d like and then click Add to Gallery.

If you would like to go further back in your Instagram feed history you can do so by clicking Load More. When new photos are added to Instagram they will appear in this area, but will not be automatically added to your gallery.

The post MaxGalleria – Instagram first appeared on Our-Hometown.

Options

Gallery Skin: Standard, Silver, Kitt, Ghost and Black are the five main options for gallery skin that will adjust how the slider image looks as well as the dots that appear below the slider.

Slider Captions Enabled: Enable or disable if the captions appear on the main slider.

Slider Image Click Enabled: If enabled, a visitors click can open several different options, found below. Default setting is “disabled.”

Slider Image Click Opens: End result of a user clicking the slider image. Options are Image Page (Attachment Page), Image Link (the link you’ve set for that image) and Original Image (direct URL of image).

Slider Effect: The Image Slider uses Nivo Slider for slide effects and you can choose from Box, Fade, Fold, Slice, Random or Slide. Each of those has a directional option as well to give you maximum control of the transition.

Slider Animation Speed: From 0.1 to 2.0 seconds, select the amount of time the animation will take from slide to slide.

Slider Slideshow Speed: From 0.5 to 10.0 in increments of 0.5, select the amount of time that each image in the slider will show before transitioning to the next image.

Gallery Description

For each gallery you can create a description that discusses your gallery or adds extra information for anyone viewing the gallery. If enabled, you can choose to put the description above or below your gallery (default is above).

Advanced Options

MaxGalleria allows you to load your own styles and scripts if you want to add anything to the options MaxGalleria already provides. Simply use the URL of the stylesheet or JavaScript file, click “Enabled” and the scripts and styles will be loaded after the necessary MaxGalleria files.

From here you can also reset all of the gallery options to the defaults by checking the Reset option. The action cannot be undone and you will lose any previously saved options for that gallery.

The post MaxGalleria – Image Slider first appeared on Our-Hometown.

The showcase features one large image on top of the thumbnails that changes whenever the thumbnails are clicked.

Adjusting Gallery Settings

Gallery Skin: MaxGalleria comes packaged with a few standard skins. Currently there are, No Border, Picture Frame, Portal, Portal Dark, Standard, Standard Dark, Tightness and Tightness Dark.

Thumbnail Columns: Depending on how many videos or images you have in your gallery you may want a different amount of columns. MaxGalleria defaults to five columns, but you can choose anywhere between 1 and 10. Whatever column selection you make, your gallery will stick to that and is responsive, so you’ll have the same number of columns on all devices (larger numbers will adjust automatically on mobile).

Thumbnail Shape: Three options here with Square, Landscape and Portrait. Landscape is especially nice for videos which tend to be in a 16:9 ratio already, converting well to the Landscape shape.

Thumbnail Captions Enabled: For each image you have the ability to add/edit captions. If you’d like those captions to appear when the gallery loads, you’d want to check the checkbox for this option.

Thumbnail Captions Position: The location of the captions when the gallery loads on the page. Options are Below Image or Bottom of Image.

Thumbnail Opacity Enabled: If enabled, the thumbnails will appear at an opacity level of 0.7 unless it is the active photo which will set the thumbnail to opacity of 1.

Thumbnail Custom Image Class: Adds a class to every image.

Thumbnail Custom Image Container Class: Adds a class to the image container.

Thumbnail Custom Rel Attribute: Changes the Rel Attribute of the image. The default allows clicking prev/next inside the lightbox to get between the images.

Showcase Caption Enabled: Much like the captions above, this indicates whether or not the captions will show in the main showcase image when selected.

Showcase Image Click Enabled: Allows a visitor to click on the main showcase image.

Showcase Image Click Opens: End result of a user clicking the main showcase image. Options are Lightbox Image, Image Page (Attachment Page), Image Link (the link you’ve set for that image) and Original Image (direct URL of image).

Showcase Image Click New Window: For all options other than Lightbox Image, this indicates where the link of the showcase image will be opened, a new window or the same window. Unchecked it will open in the same window.

Gallery Description

For each gallery, you can create a description that discusses your gallery or adds extra information for anyone viewing the gallery. If enabled, you can choose to put the description above or below your gallery (default is above).

The post MaxGalleria – Image Showcase first appeared on Our-Hometown.

The Image Carousel add-on is only for image galleries.

Adjusting Carousel Settings

Gallery Skin: Image Carousel comes packaged with a few standard skins. Currently there are, No Border, Picture Frame, Portal, Portal Dark, Standard, Standard Dark, Tightness and Tightness Dark.

Thumbnail Columns: Depending on how many images you have in your gallery you may want a different amount of columns. Image Carousel defaults to five columns, but you can choose anywhere between 1 and 10. The number of columns you select is the number of images that will be shown before you have to click to see more in the carousel. There is no limit to the amount of images you can put in this gallery.

Thumbnail Shape: Three options here with Square, Landscape and Portrait. Landscape works better with smaller numbers of columns, while portrait is nice for larger numbers.

Thumbnail Click Opens: End result of a user clicking the thumbnails in the carousel. Options are Lightbox Image, Image Page (Attachment Page), Image Link (the link you’ve set for that image) and Original Image (direct URL of image).

Thumbnail Click New Window: For all options other than Lightbox Image, this indicates where the link of the thumbnail will be opened, a new window or the same window. Unchecked it will open in the same window. (only active when lightbox is not selected)

Lightbox Captions Enabled: This indicates whether or not, when the lightbox is open, if the captions will show.

Lightbox Captions Position: Below image or Bottom of Image, you can decide where the lightbox captions will appear with your image.

Lightbox Image Size: Defaults to Full, but can be switched to a custom size if you don’t want the lightbox image to expand to its full size or the size of the page, whichever is smaller.

Lightbox Image Custom Width: Sets a custom width for the lightbox.

Lightbox Image Custom Height: Sets a custom height for the lightbox.

Gallery Description

For each gallery, you can create a description that discusses your gallery or adds extra information for anyone viewing the gallery. If enabled, you can choose to put the description above or below your gallery (default is above).

The post MaxGalleria – Image Carousel first appeared on Our-Hometown.

Authorizing Facebook:

• Once the plugin has been installed and activated, go to Galleries > Settings using the menu on the left side of the WordPress admin.
• Under “Media Sources” on the left side of the page, click “Facebook”.
• Click the “Grant Access” button. When you click this button one of four things will occur:

1. If you are already logged in to your Facebook account and have not granted access to the plugin in the past, you’ll be redirected to a Facebook page allowing you to grant access. Clicking “Okay” will return you to the Facebook settings page with a message that you’ve successfully authorized the plugin to access your account.
2. If you are not already logged in to your Facebook account and have not granted access to the plugin in the past, you’ll be redirected to a Facebook login page. Once logged in you will be redirected to another page allowing you to grant access. Clicking “Okay” will return you to the Facebook settings page with a message that you’ve successfully authorized the plugin to access your account.
3. If you are already logged in to your Facebook account and have granted access to the plugin in the past, you’ll be redirected back to the Facebook plugin’s settings page with a message that you’ve successfully authorized the plugin to access your account.
4. If you are not already logged in to your Facebook account but have granted access to the plugin in the past, you’ll be redirected to a Facebook login page. Once logged in you will be redirected back to the Facebook plugin’s settings page with a message that you’ve successfully authorized the plugin to access your account.

Revoking Plugin Access/Switching Accounts:

• Navigate to the Galleries > Settings page and click “Facebook” on the left side of the page.
• Click the “Remove Access” button.
• You should see a message stating that “MaxGalleria is no longer authorized to access your Facebook account.”
• You can now re-authorize with another account.

Adding Facebook Images to a Gallery:

• If not already authorized, complete the Authorizing Facebook step above first.
• Choose a gallery from the Galleries page or create a new gallery by clicking Galleries > Add New.
• Click the Add Images button.
• In the resulting media manager popup click Facebook in the left pane. Thumbnails of up to the first 20 images from your Facebook account should be visible.
• 
• If you have not yet authorized the plugin to access your Facebook account a notice to do so will be shown here instead.
• Click the image or the checkbox below the image to select it. Choose as many as you would like. To view the next 20 in your Facebook account click the “Load More” button.
• Once you’ve selected all the images you would like to add to the gallery click the “Add to Gallery” button. Be patient as this might take awhile depending on the number of images selected.
• Once complete you should be taken back to the gallery page where you can customize and publish your gallery.
• To add the gallery to a page or post copy/paste the shortcode provided.

The post MaxGalleria – Facebook first appeared on Our-Hometown.

Once you’ve clicked into albums you can add new albums.

Albums were created to allow groupings of galleries, so when creating a new album, give it a name and then choose from your existing galleries that you would like to place in your album.

With the galleries selected, click “Add to Album” and your galleries will appear. If you look at your album now, you’ll see that the first image of each gallery is shown and the title is a link into the specific gallery.

Options

Album Layout – Choose between either list or grid view. List will show a vertical list of your galleries, while grid will make a grid of the featured image and title.

Gallery Thumbnail Style – Adjusts the style of the thumbnail images for your galleries. Option includes: Borders, Stacked, Taped Corners, Tucked Corners or None.

Gallery Thumbnail Size – You can change the size of your gallery thumbnails to one of the presets: 50×50, 100×100, 150×150, 200×200 or you can create a custom size which can be adjusted in the two options below (disabled if Custom is not selected).

Gallery Titles Tag – Select the HTML element that you’d like the Gallery Titles to be wrapped in. This is a useful option if you’ve already got elements styled a certain way.

Gallery Titles Tag Custom Class – If you have a specific class you’d like to use for your titles you can add it here and style accordingly.

Gallery Descriptions Tag – Same as the Titles tag, you can select the HTML element wrapper for the description of the galleries.

Gallery Descriptions Tag Custom Class – Add a class to the description to use a particular style set.

Advanced

The only option in Advanced is to reset to the default settings.

Other Options

You can also set a featured image, categorize your album or give your album a particular tag.

Shortcodes

The shortcode for the album can be found above the featured image and has two options. Call the album by the ID or by the name.

[maxalbum id="29"]
[maxalbum name="my-computer"]

The post MaxGalleria – Albums Guide first appeared on Our-Hometown.