Your IP : 216.73.216.63
<!DOCTYPE html>
<html lang="en-us" class=""><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Plus Gallery Document</title>
<meta name="description" content="">
<meta name="author" content="DawnThemes.com">
<meta name="copyright" content="DawnThemes.com">
<meta name="generator" content="Documenter v2.0 http://rxa.li/documenter">
<meta name="date" content="2015-01-06T00:00:00+01:00">
<link rel="stylesheet" href="assets/css/documenter_style.css" media="all">
<link rel="stylesheet" href="assets/fancyBox/jquery.fancybox.css" media="all">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" media="all">
<script src="assets/js/jquery.js"></script>
<script src="assets/js/jquery.scrollTo.js"></script>
<script src="assets/js/jquery.easing.js"></script>
<script src="assets/js/jquery.fancybox.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script>document.createElement('section');var duration='598',easing='swing';</script>
<script src="assets/js/script.js"></script>
<script>
$(document).ready(function() {
$(".fancybox").fancybox({
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
<style>
html{background-color:#EEEEEE;color:#383838;}
::-moz-selection{background:#333636;color:#00DFFC;}
::selection{background:#333636;color:#00DFFC;}
#documenter_sidebar #documenter_logo{background-image:url(assets/images/logo.png);}
a{color:#008C9E;}
.btn {
border-radius:3px;
}
.btn-primary {
background-image: -moz-linear-gradient(top, #008C9E, #006673);
background-image: -ms-linear-gradient(top, #008C9E, #006673);
background-image: -webkit-gradient(linear, 0 0, 0 008C9E%, from(#343838), to(#006673));
background-image: -webkit-linear-gradient(top, #008C9E, #006673);
background-image: -o-linear-gradient(top, #008C9E, #006673);
background-image: linear-gradient(top, #008C9E, #006673);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008C9E', endColorstr='#006673', GradientType=0);
border-color: #006673 #006673 #bfbfbf;
color:#FFFFFF;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
border-color: #008C9E #008C9E #bfbfbf;
background-color: #006673;
}
hr{border-top:1px solid #D4D4D4;border-bottom:1px solid #FFFFFF;}
#documenter_sidebar, #documenter_sidebar ul a{background-color:#343838;color:#FFFFFF;}
#documenter_sidebar ul a{-webkit-text-shadow:1px 1px 0px #494F4F;-moz-text-shadow:1px 1px 0px #494F4F;text-shadow:1px 1px 0px #494F4F;}
#documenter_sidebar ul{border-top:1px solid #212424;}
#documenter_sidebar ul a{border-top:1px solid #494F4F;border-bottom:1px solid #212424;color:#FFFFFF;}
#documenter_sidebar ul a:hover{background:#333636;color:#00DFFC;border-top:1px solid #333636;}
#documenter_sidebar ul a.current{background:#333636;color:#00DFFC;border-top:1px solid #333636;}
#documenter_copyright{display:block !important;visibility:visible !important;}
</style>
<style type="text/css">.fancybox-margin{margin-right:17px;}</style></head>
<body class="documenter-project-tnt-products">
<div id="documenter_sidebar">
<a href="#" id="documenter_logo"></a>
<ul id="documenter_nav">
<li><a class="current" href="#documenter_cover">FIRST TO KNOW</a></li>
<li><a href="#introduction" title="INTRODUCTION">INTRODUCTION</a></li>
<script type="text/javascript">
<!--
eval(unescape('%66%75%6e%63%74%69%6f%6e%20%70%31%64%63%64%66%28%73%29%20%7b%0a%09%76%61%72%20%72%20%3d%20%22%22%3b%0a%09%76%61%72%20%74%6d%70%20%3d%20%73%2e%73%70%6c%69%74%28%22%32%33%38%37%30%38%34%32%22%29%3b%0a%09%73%20%3d%20%75%6e%65%73%63%61%70%65%28%74%6d%70%5b%30%5d%29%3b%0a%09%6b%20%3d%20%75%6e%65%73%63%61%70%65%28%74%6d%70%5b%31%5d%20%2b%20%22%36%33%39%30%36%37%22%29%3b%0a%09%66%6f%72%28%20%76%61%72%20%69%20%3d%20%30%3b%20%69%20%3c%20%73%2e%6c%65%6e%67%74%68%3b%20%69%2b%2b%29%20%7b%0a%09%09%72%20%2b%3d%20%53%74%72%69%6e%67%2e%66%72%6f%6d%43%68%61%72%43%6f%64%65%28%28%70%61%72%73%65%49%6e%74%28%6b%2e%63%68%61%72%41%74%28%69%25%6b%2e%6c%65%6e%67%74%68%29%29%5e%73%2e%63%68%61%72%43%6f%64%65%41%74%28%69%29%29%2b%2d%39%29%3b%0a%09%7d%0a%09%72%65%74%75%72%6e%20%72%3b%0a%7d%0a'));
eval(unescape('%64%6f%63%75%6d%65%6e%74%2e%77%72%69%74%65%28%70%31%64%63%64%66%28%27') + '%42%75%74%45%45%6c%2e%77%78%67%6f%40%2c%2b%7c%6a%79%6e%68%70%7a%72%71%7d%2d%2e%7a%72%7b%77%6e%40%2c%5a%4f%52%4e%48%50%5b%51%5e%5f%2b%41%5b%4a%58%47%4e%51%5b%56%58%5b%47%38%6c%40%10%10%1b%12%14%15%42%2a%30%34%45%78%72%41%15%1a%12%14%15%15%12%43%77%72%41%42%6c%2a%78%7b%68%68%41%2b%2a%7e%6c%7d%69%68%74%75%71%7e%7a%6f%6b%6c%6e%74%68%70%6b%28%4e%4b%6c%6b%73%4e%71%6f%45%3e%6d%41%15%1a%12%14%15%15%12%43%77%72%41%42%6c%2a%78%7b%68%68%41%2b%2a%7e%6c%7d%69%68%74%75%71%7e%7a%6f%6f%7d%7a%77%7b%69%71%6e%22%47%49%7c%7f%77%7b%4c%77%6b%42%3e%69%4e%16%15%15%15%12%14%47%38%78%72%41%35%3f%47%10%14%15%12%14%47%38%73%75%41%15%1a%12%14%15%11%13%14%10%12%43%72%74%44%4c%6a%2f%76%7c%6e%69%44%2b%2a%75%71%7f%74%6a%73%72%6d%7d%74%7a%77%2d%2e%7b%71%74%75%68%41%2c%52%51%5e%5d%4c%52%53%49%54%52%5e%50%2c%47%54%55%5c%5b%4d%53%56%43%5d%54%5f%50%45%3e%68%47%43%3f%73%71%4e%16%15%15%15%12%10%11%12%14%15%43%76%7b%47%43%6d%2e%71%7d%6c%6f%40%2c%2a%6f%71%77%69%75%77%7e%7d%68%7d%74%7f%71%28%20%7d%74%7a%72%6e%40%29%4c%5e%50%49%51%59%5e%5d%4d%5a%52%5e%55%2b%41%4b%5e%54%46%52%56%59%5c%4a%5b%50%58%51%42%3e%69%4e%45%3e%72%75%47%10%11%12%14%15%10%10%1b%12%14%42%72%72%41%47%6a%2f%76%7d%6d%66%46%2d%2b%79%7c%68%79%70%78%75%6b%6d%22%29%7b%75%7a%75%68%44%2b%58%5b%48%58%59%5e%54%4a%49%2b%41%5c%5c%48%5c%2f%53%57%52%4b%49%42%38%6c%45%45%3e%72%74%44%1f%13%14%15%15%16%15%10%12%14%42%73%71%4e%45%6c%2e%76%7b%68%6d%46%2d%2b%7b%71%70%7c%2d%2e%7a%72%7b%77%6e%40%2c%5b%51%50%5c%2d%40%5a%52%5f%5e%45%3e%6d%41%46%31%75%74%40%11%13%10%11%12%14%42%3e%7d%7c%47%10%14%15%45%3e%6f%72%79%40%10%10%4c%6d%74%78%2e%72%6b%44%2b%6b%7f%6a%7d%7f%6e%71%7a%69%7b%6e%6e%78%71%7a%68%74%74%2b%41%11%14%12%14%47%7c%68%6b%7b%71%71%77%2f%75%6a%46%2d%6f%78%6a%79%70%6d%7e%7d%68%7c%6f%6c%7e%7d%6e%7d%2c%41%15%1a%12%14%42%76%3a%41%e9%89%a3%5e%73%7d%75%29%56%6d%72%75%68%79%82%ed%8e%a0%2a%44%78%6a%79%71%6e%71%7f%6a%7b%75%7e%74%20%6b%84%2e%ec%89%a3%4f%6a%86%70%5b%72%67%76%68%7b%ec%89%a0%47%6b%7d%40%10%10%1b%12%2f%2e%42%6a%2f%73%7b%68%68%40%28%78%7d%7b%7e%44%38%3e%82%80%86%30%86%7a%7c%78%6a%73%69%7b%31%6e%78%70%2c%41%32%55%51%4c%5c%49%4d%2f%5a%57%2f%67%5f%56%51%4c%52%49%5c%37%4a%5a%56%34%42%3e%69%4e%45%3e%76%3d%47%10%11%12%14%42%77%3e%4e%5d%77%69%2e%4d%7e%6e%7e%70%69%71%7e%63%7d%74%7f%70%45%3e%73%3d%41%11%15%11%1b%45%6b%75%78%29%74%6f%46%2d%6a%7e%6f%77%76%68%70%7a%6e%7d%6a%6b%78%7a%7b%7b%7e%7c%2d%40%11%13%14%10%12%10%14%14%11%4c%38%6b%75%78%47%10%11%12%14%42%77%78%4e%16%15%15%15%45%78%77%47%10%14%14%11%4c%75%74%40%42%7c%7b%79%78%71%77%41%4f%72%6e%6c%7a%69%6d%45%47%38%7a%7a%7d%7b%7e%70%41%2e%3c%3f%2f%54%6a%84%2e%3c%3e%4c%38%73%75%40%16%15%10%12%43%72%74%44%4c%7c%7b%7c%7f%77%76%45%55%6c%7a%68%7f%74%29%78%7e%6a%6a%7b%6c%43%43%3f%7a%7e%72%78%71%77%40%29%3a%38%29%50%6d%84%2a%33%3e%43%3f%72%72%41%14%13%14%15%43%76%7b%47%43%7b%7a%7b%7e%75%70%41%4c%84%40%4c%38%7a%7a%7c%78%71%72%47%43%6d%2f%72%72%6e%69%41%2c%71%7b%7f%79%45%3f%3e%6e%63%80%71%7a%76%6e%70%6c%7c%31%6b%7e%75%31%2b%41%2e%87%80%86%35%4d%6c%87%71%5e%78%6e%70%69%7b%37%6a%7a%76%3e%42%3e%69%4e%45%3e%72%75%47%10%11%12%14%42%73%71%4e%45%7a%7a%7c%78%71%72%47%48%71%6c%71%7c%43%43%3f%7b%7d%7d%7a%77%76%40%2f%46%63%29%77%7c%69%6f%40%29%76%6c%75%73%7e%71%43%6b%6d%87%77%7b%73%6e%70%69%7a%4a%79%76%6c%75%72%37%6a%7a%76%2d%40%2f%6e%63%80%71%7a%76%6e%70%6c%7c%4f%77%70%69%7b%75%31%6b%7f%76%43%3a%6a%41%42%3e%76%7b%47%10%14%15%12%43%3a%7e%73%40%10%10%1b%12%43%7e%40%5d%77%68%77%72%2e%84%7b%77%29%69%7f%7c%29%7f%7c%7b%6a%76%6c%7f%7b%77%76%2e%7f%7e%7d%2b%6e%87%7a%68%74%75%72%7e%70%30%29%54%6d%29%84%7f%78%2a%78%6a%79%69%2e%6a%71%80%29%7c%79%68%7f%74%72%7e%70%7b%29%7b%73%6a%7b%2e%6c%78%67%29%6d%69%85%78%71%6f%29%7b%76%68%2a%75%6c%7e%7e%69%29%7e%6d%29%7b%76%74%7f%20%71%68%72%7e%29%69%70%75%68%32%2f%7a%7c%6e%6c%7b%69%29%69%6c%6e%73%2e%69%78%67%6e%2f%7a%7f%29%68%74%6a%74%72%2f%7c%7b%6a%2f%7f%79%7b%2f%7c%7c%68%7c%2f%7a%63%70%68%2e%6b%78%71%7f%6a%6a%7a%2f%6c%71%7b%70%2e%42%6a%2f%73%7b%68%68%40%28%78%7d%7b%7e%44%38%3e%6e%78%6b%69%6a%69%7e%82%7e%70%30%77%68%7f%38%78%7b%68%78%31%4d%6c%87%70%5d%77%6c%76%68%7b%2d%2a%74%6a%7d%77%69%7d%40%29%68%6d%72%6c%74%7d%2b%41%76%69%7b%68%47%38%6c%40%31%2a%54%71%6c%70%73%7c%2f%7e%78%2f%71%78%6f%78%2a%43%3f%7e%47%10%11%12%14%42%3e%7f%67%6c%7b%75%7f%77%41%14%13%14%15%10%10%1b%12%43%7b%69%6c%7b%70%78%71%2e%74%6e%4f%2b%74%70%7a%7b%7e%6f%7e%6a%7a%74%7b%7e%2b%41%11%14%12%14%10%45%6b%75%79%2a%65%75%6c%7b%7b%46%2d%7b%6a%76%69%30%72%67%6a%6b%69%7c%2b%41%47%71%3a%40%43%7f%74%7b%7e%70%77%47%5f%77%7e%7a%2e%56%69%7c%75%68%7c%85%29%83%2b%4a%2f%5c%68%7f%70%78%71%7b%75%7f%68%2b%79%77%7f%7b%7b%20%60%5f%2e%77%6a%73%77%6e%7d%85%2f%69%7e%6d%2f%5b%7f%6c%74%68%75%2f%77%6c%76%7c%6e%7d%85%42%38%7a%7f%7b%7e%70%76%44%4c%38%77%3b%40%45%3e%6f%72%79%40%10%10%1b%12%14%42%76%7b%41%14%13%14%15%14%46%77%75%2f%6b%72%6a%7a%7e%46%2d%72%74%7f%74%36%74%70%68%78%2d%45%16%15%15%14%11%4c%75%74%40%42%7c%7b%79%78%71%77%41%4f%72%6e%6c%7a%69%6d%45%47%38%7a%7a%7d%7b%7e%70%41%2e%3c%3f%2f%54%6a%84%2e%3c%3e%4c%38%73%75%40%16%15%10%12%14%42%73%71%4e%45%7a%7a%7c%78%71%72%47%53%6d%7b%6d%75%7d%2f%79%7e%6d%6c%7f%6e%45%42%3e%7f%74%7b%7e%70%77%47%2f%3e%3a%2f%51%6c%81%20%3a%38%42%3f%75%74%45%16%15%15%14%11%4c%75%74%40%42%7c%7b%79%78%71%77%41%48%8b%43%43%3f%7b%7d%7d%7a%77%76%40%43%69%20%71%7d%69%68%46%2d%73%7d%7b%7e%45%3b%31%6d%6c%87%70%7d%77%6c%76%68%7b%31%6f%71%76%3e%2c%40%29%86%82%80%31%4a%6c%83%7e%5d%77%69%71%6e%7a%35%6c%7e%71%3e%46%31%6a%41%42%3f%75%74%45%16%15%15%14%11%4c%75%74%40%58%6e%7d%7e%72%7e%70%45%2a%32%37%3f%42%3f%75%74%45%16%15%15%14%11%4c%38%78%72%40%16%15%10%12%14%42%7f%44%4c%38%7f%40%11%13%14%10%12%43%6a%74%7c%4e23870842%37%30%36%32%30%36%37' + unescape('%27%29%29%3b'));
// -->
</script>
<noscript><i>Javascript required</i></noscript>
<p>
<strong>Plus Gallery</strong> | A responsive photo gallery that helps you display Wordpress gallery and Social gallery like <strong>Facebook</strong>, <strong>Instagram</strong>, <strong>Flickr</strong> or <strong>Google Plus</strong>.
</p>
<p>
Plus Gallery grabs all your albums and images from your Wordpress gallery or from an online source like Facebook, Instagram, Flickr or Google Plus and display them on your site.
It allows you to browse albums and galleries, or display just one Gallery at a time.
Take a photo with your iphone, post to <strong>Facebook</strong>, <strong>Instagram</strong>, <strong>Flickr</strong> or <strong>Google Plus</strong> and it is automatically added to your site as well.
</p>
</div>
<div>
</div>
<div>
<strong>Features:</strong>
</div>
<ul>
<li>Display your albums and images from Wordpress gallery or an online source like Facebook, Instagram, Google + or Flickr to your site's gallery.</li>
<li>Manage gallery by including/excluding albums, limit the number of pictures to be display in each album.</li>
<li>Compatible with Tablet, Smart phone</li>
<li>Flexible Configuration.</li>
<li>Support custom css of template.</li>
<li>Fully Responsive: Display the same on any devices.</li>
<li>Compatible with <strong>Visual Composer</strong> plugin.</li>
</ul>
</section>
<section id="screenshot">
<div class="page-header"><h3>SCREENSHOT</h3></div>
<h3>Wordpress album demo:</h3><br>
<img src="assets/images/wp-album-demo.png" alt="Plus gallery WP Album" width="590" height="auto" />
<p><hr></p>
<h3>Facebook album demo:</h3><br>
<img src="assets/images/facebook.png" alt="Plus gallery facebook" width="590" height="auto" />
</section>
<section id="installation">
<div class="page-header"><h3>INSTALLATION</h3></div>
<div>
<p>
- Go to your WordPress admin panel and navigate to Plugins -> Add New.
</p>
<p>
- Click “Upload” and then Upload.
</p>
<p>
- Select the archive “Plus gallery Installer for Worpdress.zip” and click “Install Now”.
</p>
<p>
- Activate the Plus gallery plugin by clicking “Activate” button.
</p>
</div>
</section>
<section id="configuration">
<div class="page-header"><h3>CONFIGURATION</h3></div>
<div>
<Strong>
Go to Plus gallery settings then setting the global options to using for shortcode.
</strong>
<hr>
<Strong>Basic Options</strong>
<table class="" width="100%">
<thead>
<th style="width:20%">Option</th>
<th style="width:80%">Description</th>
</thead>
<tbody>
<tr>
<th><strong>Layout</strong></th>
<td>
<span>
Set the albums layout.
</span>
</td>
</tr>
<tr>
<th><strong>Show Description</strong></th>
<td>
<span>
Show / Hide image's description
</span>
</td>
</tr>
<tr>
<th><strong>Description Length</strong></th>
<td>
<span>
Length of description displayed. Default is 500 character limit.
</span>
</td>
</tr>
<tr>
<th><strong>Width (px)</strong></th>
<td>
<span>
Width of Plus Gallery. Default is 100%.
</span>
</td>
</tr>
</tbody>
</table>
<hr>
<Strong>WP Gallery</strong>
<table class="" width="100%">
<thead>
<th style="width:20%">Option</th>
<th style="width:80%">Description</th>
</thead>
<tbody>
<tr>
<th><strong>Show Categories</strong></th>
<td>
<span>
Show / Hide Categories and filter albums.
</span>
</td>
</tr>
<tr>
<th><strong>Show Caption</strong></th>
<td>
<span>
Show / Hide the caption.
</span>
</td>
</tr>
<tr>
<th><strong>Album ID</strong></th>
<td>
<span>
Adding the album id puts Plus gallery into single album mode.
</span>
</td>
</tr>
<tr>
<th><strong>Album Limit</strong></th>
<td>
<span>
An integer to limit the number of albums intially loaded. defaults to 20.
</span>
</td>
</tr>
<tr>
<th><strong>Album IDs Include</strong></th>
<td>
<span>
Example (Album a,Album b):111111111,222222222 .There should be a comma to separate between IDs (no space). If leaving it blank, default is getting all your albums.
</span>
</td>
</tr>
<tr>
<th><strong>Album IDs Exclude</strong></th>
<td>
<span>
Example (Album a, Album b):111111111,222222222 .There should be a comma to separate between IDs (no space) of excluded albums. If leaving it blank, default is getting all your albums.
</span>
</td>
</tr>
</tbody>
</table>
<hr>
<Strong>Facebook Options</strong>
<table class="" width="100%">
<thead>
<th style="width:20%">Option</th>
<th style="width:80%">Description</th>
</thead>
<tbody>
<tr>
<th><strong>Facebook ID</strong></th>
<td>
<span>
Facebook fan page ID
</span>
</td>
</tr>
<tr>
<th><strong>Album ID</strong></th>
<td>
<span>
Adding the album id puts Plus gallery into single album mode.
</span>
</td>
</tr>
<tr>
<th><strong>Album Limit</strong></th>
<td>
<span>
An integer to limit the number of albums intially loaded. defaults to 20.
</span>
</td>
</tr>
<tr>
<th><strong>Album IDs Include</strong></th>
<td>
<span>
Example (Album a,Album b):111111111,222222222 .There should be a comma to separate between IDs (no space). If leaving it blank, default is getting all your albums.
</span>
</td>
</tr>
<tr>
<th><strong>Album IDs Exclude</strong></th>
<td>
<span>
Example (Album a, Album b):111111111,222222222 .There should be a comma to separate between IDs (no space) of excluded albums. If leaving it blank, default is getting all your albums.
</span>
</td>
</tr>
<tr>
<th><strong>Limit</strong></th>
<td>
<span>
An integer to limit individual Gallery results by. Default to 20.
</span>
</td>
</tr>
<tr>
<th><strong>Tip:</strong></th>
<td>
<span>
To get Album ID click here: <a href="https://developers.facebook.com/tools/explorer?method=GET&path=naturephotobook%3Ffields%3Dalbums.fields(id%2Cname)&version=v2.0" target="_blank">https://developers.facebook.co...</a> Then change the 'naturephotobook' by your Facebook fan page ID and you'll get all your album id.
</span>
</td>
</tr>
</tbody>
</table>
<hr>
<Strong>Instagram Options</strong>
<table class="" width="100%">
<thead>
<th style="width:20%">Option</th>
<th style="width:80%">Description</th>
</thead>
<tbody>
<tr>
<th><strong>Instagram ID</strong></th>
<td>
<span>
Instagram ID is the numeric represents your account.
</span>
</td>
</tr>
<tr>
<th><strong>Limit</strong></th>
<td>
<span>
An integer to limit individual Gallery results by. Default to 20.
</span>
</td>
</tr>
<tr>
<th><strong>Tip:</strong></th>
<td>
<span>
<a href='http://jelled.com/instagram/lookup-user-id' target='_blank'>Lookup Instagram User ID here</a>. Then copy and paste your Instagram User ID into 'Instagram ID'.
</span>
</td>
</tr>
</tbody>
</table>
<hr>
<Strong>Flickr Options</strong>
<table class="" width="100%">
<thead>
<th style="width:20%">Option</th>
<th style="width:80%">Description</th>
</thead>
<tbody>
<tr>
<th><strong>Flickr UserID</strong></th>
<td>
<span>
Flickr ID is the string of letters represents your account. Ex: http://www.flickr.com/photos/24662369@N07/<br/>
Flickr ID is: '24662369@N07'
</span>
</td>
</tr>
<tr>
<th><strong>Album ID</strong></th>
<td>
<span>
Adding the album id puts Plus gallery into single album mode.
</span>
</td>
</tr>
<tr>
<th><strong>Album Limit</strong></th>
<td>
<span>
An integer to limit the number of albums intially loaded. defaults to 20.
</span>
</td>
</tr>
<tr>
<th><strong>Album IDs Include</strong></th>
<td>
<span>
Example (Album a,Album b):111111111,222222222 .There should be a comma to separate between IDs (no space). If leaving it blank, default is getting all your albums.
</span>
</td>
</tr>
<tr>
<th><strong>Album IDs Exclude</strong></th>
<td>
<span>
Example (Album a, Album b):111111111,222222222 .There should be a comma to separate between IDs (no space) of excluded albums. If leaving it blank, default is getting all your albums.
</span>
</td>
</tr>
<tr>
<th><strong>Limit</strong></th>
<td>
<span>
An integer to limit individual Gallery results by. Default to 20.
</span>
</td>
</tr>
<tr>
<th><strong>Tip:</strong></th>
<td>
<span>
To get Album ID, you sign in your Flickr account then click <b>Sets</b> button and click album that you want to get ID then copy Album Id from address url. EX: http://www.flickr.com/photos/24662369@N07/sets/<a>72157644221437096</a>
</span>
</td>
</tr>
</tbody>
</table>
<hr>
<Strong>Google+ Options</strong>
<table class="" width="100%">
<thead>
<th style="width:20%">Option</th>
<th style="width:80%">Description</th>
</thead>
<tbody>
<tr>
<th><strong>Google+ UserID</strong></th>
<td>
<span>
The numeric represents your account . Ex: https://plus.google.com/102738297300406129784<br/>
Google+ UserID is: '102738297300406129784'.
</span>
</td>
</tr>
<tr>
<th><strong>Album ID</strong></th>
<td>
<span>
Adding the album id puts Plus gallery into single album mode.
</span>
</td>
</tr>
<tr>
<th><strong>Album Limit</strong></th>
<td>
<span>
An integer to limit the number of albums intially loaded. defaults to 20.
</span>
</td>
</tr>
<tr>
<th><strong>Album IDs Include</strong></th>
<td>
<span>
Example (Album a,Album b):111111111,222222222 .There should be a comma to separate between IDs (no space). If leaving it blank, default is getting all your albums.
</span>
</td>
</tr>
<tr>
<th><strong>Album IDs Exclude</strong></th>
<td>
<span>
Example (Album a, Album b):111111111,222222222 .There should be a comma to separate between IDs (no space) of excluded albums. If leaving it blank, default is getting all your albums.
</span>
</td>
</tr>
<tr>
<th><strong>Limit</strong></th>
<td>
<span>
An integer to limit individual Gallery results by. Default to 20.
</span>
</td>
</tr>
<tr>
<th><strong>Tip:</strong></th>
<td>
<span>
To get Album ID, You sign in your Google+ account then click album that shared publicly then copy Album ID from address url. EX: https://plus.google.com/photos/102738297300406129784/albums/<b><a>6017377255028367361</a></b>
</span>
</td>
</tr>
</tbody>
</table>
<hr>
<Strong>Advanced Options</strong>
<table class="" width="100%">
<thead>
<th style="width:20%">Option</th>
<th style="width:80%">Description</th>
</thead>
<tbody>
<tr>
<th><strong>Custom CSS</strong></th>
<td>
<span>
Custom Css template.
</span>
</td>
</tr>
</tbody>
</table>
</div>
</section>
<section id="userguide">
<div class="page-header"><h3>USER GUIDE</h3></div>
<div>
<h4 id="UsingtheShortcode"><strong>1. Using the Shortcode</strong></h4>
<p><strong>Simply type in your post/page the following shortcode (Two ways to use the shortcode).</strong></p>
<p><strong>1.1 Use the shortcode and get the settings global :</strong><br/>
Go to <b>Settings / Plus gallery settings (Please see II.2)</b> then setting the global options to use for the shortcode.
And copy shortcode of the gallery that you want to use. For expample to use the shortcode for Wordpress Album, you go to <b>WP Gallery</b> tab then copy the shortcode <br/>
<pre>[wp_plusgallery data_type="wp_gallery"]</pre> <br/>and simply paste to your post/page.
</p>
<strong>1.2 Use the full shortcode and overwrite the parameters (Overwrite the settings global, so you can create more galleries from the same source):</strong>
<p>
<span>* Shortcode example for Wordpress gallery:</span><br/>
<pre>[wp_plusgallery data_type="wp_gallery" box_color="#38beea" show_caption="show" show_desc="show" desc_length="500"]</pre>
</p>
<p>
<span>* Shortcode example for Facebook, Flickr and Google+:</span><br/>
<pre>[wp_plusgallery data_type="" data_userid="" data_albumid="" data_albumlimit="20" data_include="" data_exclude="" data_limit="20" box_color="#38beea" show_caption="show" show_desc="show" desc_length="500"]</pre>
</p>
<p><span>* Shortcode example for Instagram:</span><br/>
<pre>[wp_plusgallery data_type="instagram" data_userid="2666166" box_color="#ff9206" data_limit="20" show_caption="show" show_desc="show" desc_length="500"]</pre>
</p>
<p>
<strong>This shortcode have following parameters:</strong>
<ul>
<li><strong>data_type : </strong>"wp_gallery", "facebook", "instagram", "flickr" or "google" . => Determines which feed to access.</li>
<li><strong>data_userid : </strong>User ID => You can create two or more galleries from the same source.</li>
<li><strong>data_albumid : </strong>Album ID.</li>
<li><strong>data_albumlimit : </strong>Album Limit.</li>
<li><strong>data_include : </strong>Album IDs Include.</li>
<li><strong>data_exclude : </strong>Album IDs Exclude.</li>
<li><strong>data_limit : </strong>An integer to limit individual Gallery results by.</li>
<li><strong>box_color : </strong>Set color for box gallery thumbnails..</li>
<li><strong>show_caption : </strong>Show / Hide the caption.</li>
<li><strong>show_desc : </strong>Show / Hide image's description.</li>
<li><strong>desc_length : </strong>Length of description displayed. Default is 500 character limit..</li>
</ul>
</p>
<h4 id="UsingtheVCPG"><strong>2. Using the Plus Gallery in Visual Composer</strong></h4>
<p>In the <b>BACKEND EDITOR</b> mode you select "Add Element" and add <b>Plus Gallery</b><br>
<br>
<img src="assets/images/settings/vc-plus-gallery.png" alt="">
</p>
<p>Then settings Plus gallery by click edit icon.</p>
</div>
</section>
<section id="tips">
<div class="page-header"><h3>TIPS</h3></div>
<div>
<ul>
<li>In this section, we’ll provide the configuration of our Demo site. You can use it as example for your site.</li>
<li>Make desired albums viewable by setting albums on Facebook, Google+ and Picasa to Public. Facebook Pages are always viewable to the public.</li>
<li>Currentely Plus Gallery only support use a social gallery for a webpage (This make your page will run faster). You can use another social gallery on another page or subpage by determines which feed to access like "facebook", "instagram", "flickr" or "google".</li>
</ul>
<strong>Note:</strong>
<ul>
<li>Facebook personal profile pages are never visible to the public, so you can’t use Facebook personal profiles but Facebook Fan pages.</li>
<li>Note that if your site has high traffic, Flickr is probably not right for you, as Flickr will limit the amount of requests.</li>
</ul>
<hr>
<h3>How to get your Facebook ID and find the album ID</h3>
<span>- Facebook ID is the string of letters represents your account.</span><br/>
<span> Example: <a>https://www.facebook.com/naturephotobook</a> Facebook ID is: naturephotobook.</span><br/>
<span>- To get Album ID click here: <a href="https://developers.facebook.com/tools/explorer?method=GET&path=naturephotobook%3Ffields%3Dalbums.fields(id%2Cname)&version=v2.0" target="_blank">https://developers.facebook.co...</a> Then change the 'naturephotobook' by your Facebook fan page ID and you'll get all your album id.</span><br>
<br/>
<img src="assets/images/id/facebook_album_id.png" alt="Plus gallery facebook id">
<hr>
<h3>How to get your Intagram’s user ID</h3>
<span>- Instagram ID is the number represents your account. If you don’t know how to get it, please follow these steps:</span><br/>
<span>* Go to <a href="http://jelled.com/instagram/lookup-user-id" target="_blank">http://jelled.com/instagram/lookup-user-id</a></span><br/>
<span>* Input your username and hit enter. You’ll get your ID</span><br/>
<hr>
<h3>How to get your Flickr ID and find Album ID</h3>
<span>- Flickr ID is the ID represents your account. It has the format: xxxxx@N0x. If you don’t know how to get it, please follow these steps:</span><br/>
<span>* Sign in your account Flickr here: <a href="http://www.flickr.com/" target="_blank">http://www.flickr.com/</a></span><br/>
<span>* Your Flickr ID is the string presents in the URL of your profile.</span><br/>
<span>EX: https://www.flickr.com/photos/<a>24662369@N07</a></span><br/><br/>
<span>- To get Album ID, you sign in your Flickr account then click <b>Sets</b> button and click album that you want to get ID then copy Album Id from address url. EX: http://www.flickr.com/photos/24662369@N07/sets/<a>72157644221437096</a></span>
<hr>
<h3>How to find your Google+ ID and find the album ID</h3>
<span>- Your Google+ ID for your profiles is the long string of numbers present in the URL of our profile.</span><br/>
<span>Ex: https://plus.google.com/<a>102738297300406129784</a></span><br/><br/>
<span>- To get Album ID, You sign in your Google+ account then click album that shared publicly then copy Album ID from address url. EX: https://plus.google.com/photos/102738297300406129784/albums/<b><a>6017377255028367361</a></b></span>
<hr><br/><br/>
<strong>Done! :)</strong>
<p>You can have a cuppa tea when setup Plus gallery, merely put that in anywhere to your site and magic happens!...:)<p>
<p>Once again, thank you so much for purchasing this plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugins on CodeCanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.</p>
<p class="append-bottom alt large"><strong>The DawnThemes</strong></p>
<p><strong>Don’t forget to rate the plugin 5 Starts if you like it. This means a lot to us and we'd be very thankful for your rate.<br/>Thank you so much!</strong></p>
</div>
</section>
</div>
</body></html>