BusyBee செய்திகள்

<div dir="ltr" style="text-align: left;" trbidi="on">
 
<section id="getting_started">
 <div class="page-header">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ju3h5NtGuae3pBGagp1BUIFqozuIbNOXabc-7Xv0VXBQI5V31uB2j-_cubpZAUnqjGpwlL4GzmkBtjMdORG_SuB3E0LTesHC_RwFjA21CCwhsCIQZEOvCeRhcuyxmg-u8u5pqBu7ebU/s1600/untitledss.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3ju3h5NtGuae3pBGagp1BUIFqozuIbNOXabc-7Xv0VXBQI5V31uB2j-_cubpZAUnqjGpwlL4GzmkBtjMdORG_SuB3E0LTesHC_RwFjA21CCwhsCIQZEOvCeRhcuyxmg-u8u5pqBu7ebU/s320/untitledss.JPG" width="320" /></a></div>
<h1 style="text-align: center;">
</h1>
</div>
I assume you have a blogger account, so let's get started!

<hr />
 <h3 id="enable-mobile-template">
Enable Mobile Template</h3>
<div class="note">
YOU MUST DO THIS STEP FIRST, BEFORE INSTALL THE TEMPLATE TO HELP TEMPLATE EDITOR CAN WORK PROPERLY</div>
As default, Blogger will use its own template for you blog 
on mobile. So if you want to use Apriezt template on mobile devices, 
please enable it first.
 Access your Template menu and click on Gear button of Mobile template.
 
 <div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/template-open-mobile.png" />
 </div>
In Choose mobile template window, check "Yes. Show mobile template on mobile devices.", then click drop down at Choose mobile template option, choose Custom, then click Save button.
 <div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/template-mobile-custom.png" />
 </div>
<h3 id="getting_started_installation">
Installation</h3>
You can do it by follow this step:

<div class="row">
<ol>
<li>
 Unzip the “apriezt-theme.zip” file.
 </li>
<li>
 On Blogger Dashboard Click Template.
 </li>
<li>
 Click Backup/Restore button (Top Right).
 </li>
<li>
 Click Choose File button. Find where the “apriezt-theme.xml” file location.
 </li>
<li>
 Then Click Upload.
 </li>
</ol>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/install.jpg" />
 </div>
</div>
<hr />
 <div class="row">
<div class="page-header">
<h3 id="getting_started_activating_theme_options">
Default Setting</h3>
</div>
After installing the theme, this it the minimun setting to make all widget works fine in this themes.
 
<div class="span3">
 
<h4>
Embedded Comment</h4>
This to make comment area like the Demo and make Emoticon show
 
<ol>
<li>On Blogger Dashboard Click Setting.</li>
<li>Click Posts and Comments
 </li>
<li>in Comment Location Choose Embedded
 </li>
<li>Then Click Save settings.</li>
</ol>
</div>
<div class="span9">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/comment.jpg" />
 </div>
<div class="span3">
 
<h4>
Blog Feed</h4>
This to make recent comment, Search Result, Featured Post, and Post by Label work fine
 
<ol>
<li>On Blogger Dashboard Click Setting.</li>
<li>Click Other
 </li>
<li>in Site Feed Allow Blog Feed Choose Full Or Short 
 </li>
<li>Then Click Save settings.</li>
</ol>
NB: 
 1. If yours post have image uploaded on blogspot you can choose SHORT. but if yours post just have image from third party image hosting you must choose Full 
 2. Blogger feed must be not redirect to other feed site like Feedburner 
 3. Your's blog or website not Private
 
 </div>
<div class="span9">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/other.jpg" />
 </div>
</div>
<div class="row">
<div class="page-header">
<h3 id="getting_started_importing_demo_contet">
Layout Explain</h3>
</div>
<div class="span3">
<ol>
<li>Right Header Widget Area(Ads 728x90)</li>
<li>Auto Featured Post Area</li>
<li>Top Sidebar Area</li>
<li>Middle Sidebar Area
 a. Popular Post
 b. Recent Comment
 c. Archive Widget</li>
<li>Bottom Sidebar Area</li>
<li>Label Post Widget Area</li>
<li>Footer Widget Area</li>
<li>Manual Featured Post Area (work with Image Widget)</li>
</ol>
</div>
<div class="span9">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/layouts.png" />
 </div>
</div>
<div class="page-header">
<h3 id="getting_started_setting_up_the_menu">
Setting up the menu</h3>
</div>
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/topmenu.png" />
 
 <div style="text-align: center;">
Top Menu</div>
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/menu.png" />
 
 <div style="text-align: center;">
Middle Menu</div>
 
 
 To Edit Menu in this theme you can follow this step:

<div class="row">
<ol>
<li>On Blogger Dashbord Click Template
 </li>
<li>Click Edit HTML
 </li>
<li>Top Menu Scroll down and Find this Code :
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><ul class='sf-menu' id='topmenunav'>
 <li><a href='#'>About</a></li>
 <li><a href='#'>Contact</a></li>
 <li><a href='#'>More</a>
 <ul>
 <li><a href='#'>Menu 1</a></li>
 <li><a href='#'>Menu 2</a></li>
 <li><a href='#'>Menu 3</a></li>
 <li><a href='#'>Menu 4</a></li>
 </ul>
 </li>
 <li><a href='#'>Menu</a></li>
</ul></code></pre>
</li>
<li>Change # with yours URL link</li>
 
<li>Middle Menu Scroll down and Find this Code :
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><ul class='sf-menu' id='menunav'>
 <li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
 <li><a href='#'>About</a></li>
 <li><a href='#'>Archive</a></li>
 <li><a href='#'>Comments</a></li>
 <li><a href='#'>With Sub Menu</a>
 <ul>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Sub Menu</a>
 <ul>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 </ul>
 </li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 </ul>
 </li>
 <li><a href='#'>Error 404</a></li>
</ul></code></pre>
</li>
<li>Change # with yours URL link</li>
</ol>
</div>
<div class="page-header">
<h3 id="getting_started_setting_up_the_secial_icon">
Setting Social Icon</h3>
</div>
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/socialicon.png" />
 
 
 
 To Edit Social Icon in this theme you can follow this step:

<div class="row">
<ol>
<li>On Blogger Dashbord Click Template
 </li>
<li>Click Edit HTML
 </li>
<li>Scroll down and Find this Code :
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><ul class='sociico' id='icon-socialmn'>
 <li class='sotw'><a href='#' target='_blank'>twitter</a></li>
 <li class='sofb'><a href='#' target='_blank'>facebook</a></li>
 <li class='sogo'><a href='#' target='_blank'>google</a></li>
 <li class='sorss'><a href='#' target='_blank'>rss</a></li>
 <li class='solinkn'><a href='#' target='_blank'>linkedin</a></li>
 <li class='sodrib'><a href='#' target='_blank'>dribbble</a></li>
 <li class='sopint'><a href='#' target='_blank'>pinterest</a></li>
</ul></code></pre>
</li>
<li>Change # with yours Social URL link</li>
</ol>
</div>
<div class="page-header">
<h3 id="getting_started_setting_up_the_SEO">
Setting Meta Tag (Facebook,Twitter,Google+)</h3>
</div>
<div class="row">
<ol>
<li>On Blogger Dashbord Click Template</li>
<li>Click Edit HTML</li>
<li>Scroll down and Find this Code : 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml">
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='218168578325095' property='fb:app_id'/>
<meta content='100002549773049' property='fb:admins'/>

<meta name='twitter:card' value='summary'/>
<meta name='twitter:title' expr:content='data:blog.pageTitle'/>
<meta name='twitter:site' content='@publisher_handle'/>
<meta name='twitter:creator' content='@author_handle'/>

<link rel='author' href='https://plus.google.com/[Google+_Profile]/posts'/>
<link rel='publisher' href='https://plus.google.com/[Google+_Page_Profile]'/></code></pre>
</li>
<li>Change 218168578325095 with yours facebook Apps ID and change 100002549773049 with yours Facebook Admin ID</li>
<li>Change @publisher_handle with yours twitter ID/Website twitter ID and change @author_handle with yours twitter ID too. 
 Note: Before your cards show on Twitter, you must first have your domain approved.
 Fortunately, it's a super-easy process. After you implement your cards,
 simply enter your sample URL into the validation tool. After checking 
your markup, select the "Submit for Approval" button. Go Here : <a href="https://dev.twitter.com/docs/cards/validation/validator" target="_blank">https://dev.twitter.com/docs/cards/validation/validator</a> for testing and approval</li>
<li>Change [Google+_Profile] with yours google plus ID number. then change [Google+_Page_Profile] with yours google plus page ID</li>
</ol>
</div>
<div class="page-header">
<h3 id="getting_started_setting_up_megamenu">
Create Mega Menu or Recent Post by Tag on Menu</h3>
</div>
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/recentbytagmenu.png" /> 
 <div style="font-weight: bold; text-align: center;">
Recent post by tag on Menu</div>
 
 <div class="row">
<ol>
<li>On Blogger Dashbord Click Template</li>
<li>Click Edit HTML</li>
<li>Scroll down and Find this Code : 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><ul class='sf-menu' id='menunav'>
 <li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
 <li><a href='#'>About</a></li>
 <li><a href='#'>Archive</a></li>
 <li><a href='#'>Comments</a></li>
 <li><a href='#'>With Sub Menu</a>
 <ul>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Sub Menu</a>
 <ul>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 </ul>
 </li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 </ul>
 </li>
 <li><a href='#'>Error 404</a></li>
</ul></code></pre>
</li>
<li>then add new li tag like this: 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><ul class='sf-menu' id='menunav'>
 <li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
 <li><a href='#'>About</a></li>
 <li><a href='#'>Archive</a></li>
 <li><a href='#'>Comments</a></li>
 <li><a href='#'>With Sub Menu</a>
 <ul>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Sub Menu</a>
 <ul>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 </ul>
 </li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 </ul>
 </li>
 <li><a href='#'>Error 404</a></li>
 <li><a href='#'>New Recent</a>
 <ul>
 <li><div class='aprieztrecentag' data-number='6'/></li>
 </ul>
 </li> 
</ul></code></pre>
</li>
<li>complete HTML code to make Recent post on Menu like this: 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div class='aprieztrecentag' data-tag='Your_Tag_Name' data-type='RecentPost_Style' data-random='Random_or_recent' data-number='MAX_Post_to show'/></code></pre>
data-tag : will load post from specific tag/label 
data-type: Recent Post style: slider1, slider2, gallery1, gallery2, vertical, horizontal, combine, simple, verticalslide, or noimage 
data-random: make it random or recent value is 0 (recent) or 1 (random) or animated 
data-number: Max post will loaded 
ex: if you want to load post from Web Design tag and style is gallery1 HTML code look like this:
<pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div class='aprieztrecentag' data-tag='Web Design' data-type='gallery1' data-number='10'/></code></pre>
</li>
</ol>
 
 
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/recentbytagmega.png" /> 
<div style="font-weight: bold; text-align: center;">
Recent post by tag on Mega Menu</div>
 
 
<div class="row">
<ol>
<li>On Blogger Dashbord Click Template</li>
<li>Click Edit HTML</li>
<li>Scroll down and Find this Code : 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><ul class='sf-menu' id='menunav'>
 <li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
 <li><a href='#'>About</a></li>
 <li><a href='#'>Archive</a></li>
 <li><a href='#'>Comments</a></li>
 <li><a href='#'>With Sub Menu</a>
 <ul>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Sub Menu</a>
 <ul>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 </ul>
 </li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 </ul>
 </li>
 <li><a href='#'>Error 404</a></li>
</ul></code></pre>
</li>
<li>then add new li tag like this: 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><ul class='sf-menu' id='menunav'>
 <li><a class='home' expr:href='data:blog.homepageUrl'>Home</a></li>
 <li><a href='#'>About</a></li>
 <li><a href='#'>Archive</a></li>
 <li><a href='#'>Comments</a></li>
 <li><a href='#'>With Sub Menu</a>
 <ul>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Sub Menu</a>
 <ul>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 </ul>
 </li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 </ul>
 </li>
 <li><a href='#'>Error 404</a></li>
 <li class='megamenu'><a href='#'>Mega Menu</a> 
 <ul><li>
 <div class='row'>
 <div class='column-25'>
 <ul>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 <li><a href='#'>Sub Menu</a></li>
 </ul>
 </div>
 <div class='aprieztrecentag column-75' data-number='9' data-type='slider1'/>
 </div>
 </li></ul>
 </li> 
</ul></code></pre>
</li>
<li>complete HTML code to make Recent post on Menu like this: 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div class='aprieztrecentag' data-tag='Your_Tag_Name' data-type='RecentPost_Style' data-random='Random_or_recent' data-number='MAX_Post_to show'/></code></pre>
data-tag : will load post from specific tag/label 
data-type: Recent Post style: carouselslide, gallery1, gallery2, vertical, horizontal, combine, simple, or noimage 
data-random: make it random or recent value is 0 (recent) or 1 (random) 
data-number: Max post will loaded 
ex: if you want to load post from Web Design tag and style is gallery1 HTML code look like this:
<pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div class='aprieztrecentag' data-tag='Web Design' data-type='gallery1' data-number='10'/></code></pre>
</li>
<li>to change content width just change div class. column-75 = width 75%, column-25 = width 25%, column-50 = width 50%, column-33 = width 33.3%, column-66 = width 66.6% </li>
</ol>
</div>
</div>
</section>

<section id="creating_content_post_pages_and_portfolio">
 <div class="page-header">
<h1>
Creating Content Featured Post, Label Post, Slider Label Post and Error Page</h1>
</div>
<div class="page-header">
<h3 id="creating_content_manual_slide">
Manual Slide Show (Using Image Widget)</h3>
</div>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/featuredpost.png" />
 </div>
<h4>
Manual Slide Show</h4>
To Create Manual Slide Show follow this step
 
 <ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>On Manual Slideshow Widget Area Click Add a Gadget
 </li>
<li>Choose Image Widget
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/imagewidgetx.png" />
 
 
 </li>
<li>
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/imagewidget.png" />
 
 
 <ol>
<li>Fill With Image Title</li>
<li>Image Description</li>
<li>Link When Image or Title Click</li>
<li>Search Yours Image</li>
<li>Uncheck shrink to fit</li>
</ol>
 
 
 NB : Recommended Image Size 670px x 280px
 
 </li>
<li>Click Save
 </li>
<li>If You Whan Show 5 image, do this step 5 Time</li>
 
<li>If You Whan change Slideshow speed or animation type go to Template
 </li>
<li>Click Edit HTML and Scroll down and find this code:
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="javascript">manualfeaturedPost();</code></pre>
and change with (Default Javascript):
 <pre data-codetype="CSS+HTML+JQuery"><code class="javascript">manualfeaturedPost({
height:"50%",
loader:"pie",
pagination:true,
thumbnails:true
});</code></pre>
<table class="table table-bordered table-striped">
 <thead>
<tr>
 <th>Property</th>
 <th>Description</th>
 </tr>
</thead>
 <tbody>
<tr>
 <td>pagination</td>
 <td>If you want to show slideshow pagination</td>
 </tr>
<tr>
 <td>thumbnails</td>
 <td>If you want to show slideshow Thumbnails</td>
 </tr>
<tr>
 <td>loader</td>
 <td>kind of loader style : "pie", "bar", "none"</td>
 </tr>
<tr>
 <td>height</td>
 <td>Slideshow height : "50%" mean if will resize 50% from slideshow with if you want make it fix to 300px just change with "300px"</td>
 </tr>
</tbody>
 </table>
</li>
<li>Then Click Save Template
 </li>
</ol>
If pagination set false Manual Featured Post will look like this:
 
 
 <div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/featuredpostnopagi.png" />
 </div>
<div class="page-header">
<h3 id="creating_content_post_pages_and_portfolio_pages">
Auto Featured Post (Random, Recent, Random by Label or Recent by Label)</h3>
</div>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/autofeaturedpost.png" /> 
[Title][featuredpost][random][5] 
 
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/autofeaturedpostnopagi.png" /> 
[Title][featuredpost2][random][5] 
 </div>
To add Auto Featured Post widget follow this step
 
 <div class="newmethod">
<h4>
New Method (Using SHORTCODE)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose Labels widget
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Title][featuredpost][random][5]</code></pre>
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/ShortCode2.png" /> 
 </li>
<li>Click Save
 </li>
</ol>
</div>
<div class="oldmethod">
<h4>
Old Method (Using Javascript)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript widget
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="featpost"></div>
<script type='text/javascript'>
jQuery("#featpost").AutofeaturedPost({
MaxPost:5
});
</script></code></pre>
</li>
<li>Click Save
 </li>
</ol>
(Default) Complete Javascript to call Auto Featured Post like this code:
 
<pre data-codetype="CSS+HTML+JQuery"><code class="javascript">jQuery("#ID_Place_To_Load_Plugin").AutofeaturedPost({
blogURL: "",
MaxPost: 5, 
ImageSize: 600,
ShowDate: true,
ShowComment: true,
pagination: true,
thumbnails: true,
loader:"pie",
height:"50%",
Random: true,
tagName: false
});</code></pre>
 
Default javascript mean if you just insert code like this:
 
<pre data-codetype="CSS+HTML+JQuery"><code class="javascript">jQuery("#ID_Place_To_Load_Plugin").AutofeaturedPost();</code></pre>
Featured post result will same with default script.
 
 
if you want to change it. ex: Show featured with 
maximal 8 from label Movies, don't show date and comment, and post not 
Random (Recent). Yours script will look like this:
 
<pre data-codetype="CSS+HTML+JQuery"><code class="javascript">jQuery("#ID_Place_To_Load_Plugin").AutofeaturedPost({
MaxPost: 8,
ShowDate: false,
ShowComment: false,
Random: false,
tagName: "Movies"
});</code></pre>
<table class="table table-bordered table-striped">
 <thead>
<tr>
 <th>Property</th>
 <th>Description</th>
 </tr>
</thead>
 <tbody>
<tr>
 <td>blogURL</td>
 <td>Yours blog URL or you can leave it blank to load where this script load.</td>
 </tr>
<tr>
 <td>MaxPost</td>
 <td>Maximum number artikel will show on Featured Post</td>
 </tr>
<tr>
 <td>ImageSize</td>
 <td>Post Image size (in pixel)</td>
 </tr>
<tr>
 <td>ShowDate</td>
 <td>If you want to show post date (true or false)</td>
 </tr>
<tr>
 <td>ShowComment</td>
 <td>If you want to show Comment number (true or false)</td>
 </tr>
<tr>
 <td>pagination</td>
 <td>If you want to show slideshow pagination</td>
 </tr>
<tr>
 <td>thumbnails</td>
 <td>If you want to show slideshow Thumbnails</td>
 </tr>
<tr>
 <td>loader</td>
 <td>kind of loader style : "pie", "bar", "none"</td>
 </tr>
<tr>
 <td>height</td>
 <td>Slideshow height : "50%" mean if will resize 50% from slideshow with if you want make it fix to 300px just change with "300px"</td>
 </tr>
<tr>
 <td>Random</td>
 <td>default true. It's will show article ramdomly. If want to show Recent Post just change to false 
 </td>
 </tr>
<tr>
 <td>tagName</td>
 <td>If you want to show Featured Post by the Label. Example: to show featured post from Sports Label just write like this tagName:"Sports"
 </td>
 </tr>
</tbody>
 </table>
If pagination set false Auto Featured or Shortcode widget Style "featuredpost2" will look like this:
 
 
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/autofeaturedpostnopagi.png" /> 
 </div>
</div>
<div class="page-header">
<h3 id="creating_content_post_labels">
Post by Label 
(Slider(Carousel or Slideshow), Horizontal (Support animated), Combine, 
Gallery, Vertical (Support animated), Vertical Slide, Simple 
Recent/Random, and Hot Post)</h3>
</div>
<h4 class="pagination-centered">
SLIDER POST</h4>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/Sliderlabelpost.png" />
 
Carousel Slider
 </div>
To add Post by Label (Carousel Slider Post) widget follow this step
 
 <div class="newmethod">
<h4>
New Method (Using Short Code)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose Labels
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Widget_Title][slider1][recent][9]</code></pre>
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/ShortCode2.png" />
 
 </li>
<li>Click Save
 </li>
</ol>
</div>
<div class="oldmethod">
<h4>
OLD Method (Using Javascript)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="carouselpost1"></div>
<script type='text/javascript'>
jQuery("#carouselpost1").RecentPostbyTag({
MaxPost:9,
ImageSize:"s180-p",
postType:"s",
tagName:"Your_TagName"
});
</script></code></pre>
</li>
<li>Click Save
 </li>
<li>Note: If you want add new/next Carousel Slider Post you must change div id and jQuery id must be same with new div id</li>
</ol>
</div>
<hr />
 <div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/Slider2labelpost.png" />
 
Slideshow
 </div>
To add Post by Label (Slideshow Post) widget follow this step
 
 <div class="newmethod">
<h4>
New Method (Using Short Code)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose Labels
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Widget_Title][slider2][recent][5]</code></pre>
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/ShortCode2.png" />
 
 </li>
<li>Click Save
 </li>
</ol>
</div>
<div class="oldmethod">
<h4>
OLD Method (Using Javascript)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="postslideshow1"></div>
<script type='text/javascript'>
jQuery("#postslideshow1").RecentPostbyTag({
MaxPost:5,
ImageSize:"s600",
postType:"s",
sliderType:"f",
tagName:"Your_TagName"
});
</script></code></pre>
</li>
<li>Click Save
 </li>
<li>Note: If you want add new/next Slideshow Slider Post you must change div id and jQuery id must be same with new div id</li>
</ol>
</div>
<hr />

<h4 class="pagination-centered">
VERTICAL POST</h4>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelpostv.png" />
 </div>
To add Post by Label (Vertical Post) widget follow this step
 
 <div class="newmethod">
<h4>
New Method (Using Short Code)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose Labels
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Widget_title][vertical][recent][5]</code></pre>
if you want animated Vertical Post shortcode look like this:
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Widget_title][vertical][animated][7]</code></pre>
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/ShortCode2.png" />
 
 </li>
<li>Click Save
 </li>
</ol>
</div>
<div class="oldmethod">
<h4>
OLD Method (Using Javascript)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" /></li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="verticalpost1"></div>
<script type='text/javascript'>
jQuery("#verticalpost1").RecentPostbyTag({
MaxPost:6,
tagName:"Your_TagName",
postType: "v"
});
</script></code></pre>
if you want animated Vertical Post javascript code like this: 
<pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="verticalpost2"></div>
<script type='text/javascript'>
jQuery("#verticalpost2").RecentPostbyTag({
MaxPost:6,
tagName:"Your_TagName",
postType: "v",
animated:true
});
</script></code></pre>
</li>
<li>Click Save
 </li>
<li>Note: If you want add new/next Vertical Post you must change div id and jQuery id must be same with new div id</li>
</ol>
</div>
<hr />
 <h4 class="pagination-centered">
Horizontal Post</h4>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelposthori.png" />
 </div>
To add Post by Label (Horizontal Post) widget follow this step
 
 <div class="newmethod">
<h4>
New Method (Using Short Code)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose Labels
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Widget_title][horizontal][recent][5]</code></pre>
if you want animated Horizontal Post shortcode look like this:
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Widget_title][horizontal][animated][7]</code></pre>
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/ShortCode2.png" />
 
 </li>
<li>Click Save
 </li>
</ol>
</div>
<div class="oldmethod">
<h4>
OLD Method (Using Javascript)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" /></li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="horizontalpost1"></div>
<script type='text/javascript'>
jQuery("#horizontalpost1").RecentPostbyTag({
MaxPost:6,
tagName:"Web Design",
postType: "h"
});
</script></code></pre>
if you want animated Horizontal Post javascript code like this: 
<pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="horizontalpost2"></div>
<script type='text/javascript'>
jQuery("#horizontalpost2").RecentPostbyTag({
MaxPost:7,
tagName:"Your_TagName",
postType: "h",
animated:true
});
</script></code></pre>
</li>
<li>Click Save
 </li>
<li>Note: If you want add new/next Horizontal Post you must change div id and jQuery id must be same with new div id</li>
</ol>
</div>
<h4 class="pagination-centered">
Combine Post</h4>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelpostcombine.png" />
 </div>
To add Post by Label (Combine Post) widget follow this step
 
 <div class="newmethod">
<h4>
New Method (Using Short Code)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose Labels
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Widget_title][combine][recent][5]</code></pre>
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/ShortCode2.png" />
 
 </li>
<li>Click Save
 </li>
</ol>
</div>
<div class="oldmethod">
<h4>
OLD Method (Using Javascript)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" /></li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="combinepost1"></div>
<script type='text/javascript'>
jQuery("#combinepost1").RecentPostbyTag({
MaxPost:5,
tagName:"Your_TagName",
postType: "c"
});
</script></code></pre>
</li>
<li>Click Save
 </li>
<li>Note: If you want add new/next Combine Post you must change div id and jQuery id must be same with new div id</li>
</ol>
</div>
<h4 class="pagination-centered">
Gallery Post 1</h4>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelpostgallery1.png" />
 </div>
To add Post by Label (Gallery Post 1) widget follow this step
 
 <div class="newmethod">
<h4>
New Method (Using Short Code)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose Labels
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Widget_title][gallery1][recent][10]</code></pre>
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/ShortCode2.png" />
 
 </li>
<li>Click Save
 </li>
</ol>
</div>
<div class="oldmethod">
<h4>
OLD Method (Using Javascript)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" /></li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="gallery1post1"></div>
<script type='text/javascript'>
jQuery("#gallery1post1").RecentPostbyTag({
MaxPost:13,
tagName:"Your_TagName",
postType: "g1"
});
</script></code></pre>
</li>
<li>Click Save
 </li>
<li>Note: If you want add new/next Gallery Post 2 you must change div id and jQuery id must be same with new div id</li>
</ol>
</div>
<h4 class="pagination-centered">
Gallery Post 2</h4>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelpostgallery2.png" />
 </div>
To add Post by Label (Gallery Post 2) widget follow this step
 
 <div class="newmethod">
<h4>
New Method (Using Short Code)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose Labels
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Widget_title][gallery2][recent][10]</code></pre>
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/ShortCode2.png" />
 
 </li>
<li>Click Save
 </li>
</ol>
</div>
<div class="oldmethod">
<h4>
OLD Method (Using Javascript)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" /></li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="gallery2post1"></div>
<script type='text/javascript'>
jQuery("#gallery2post1").RecentPostbyTag({
MaxPost:12,
tagName:"Your_TagName",
postType: "g2"
});
</script></code></pre>
</li>
<li>Click Save
 </li>
<li>Note: If you want add new/next Gallery Post 2 you must change div id and jQuery id must be same with new div id</li>
</ol>
</div>
<h4 class="pagination-centered">
Simple Recent/Random Post (No image)</h4>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/simplerecentpost.png" />
 </div>
To add Post by Label (Simple Recent Post (No image)) widget follow this step
 
 <div class="newmethod">
<h4>
New Method (Using Short Code)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose Labels
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Widget_title][noimage][recent][5]</code></pre>
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/ShortCode2.png" />
 
 </li>
<li>Click Save
 </li>
</ol>
</div>
<div class="oldmethod">
<h4>
OLD Method (Using Javascript)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" /></li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="simplenoimagepost1"></div>
<script type='text/javascript'>
jQuery("#simplenoimagepost1").RecentPostbyTag({
MaxPost:5,
tagName:"Your_TagName",
ShowImage:false
});
</script></code></pre>
</li>
<li>Click Save
 </li>
<li>Note: If you want add new/next Simple Recent Post (No image) you must change div id and jQuery id must be same with new div id</li>
</ol>
</div>
 
 <h4 class="pagination-centered">
VerticalSlider Post</h4>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelpostvertcalslide.png" />
 </div>
To add Post by Label (Vertical Slider) widget follow this step
 
 <div class="newmethod">
<h4>
New Method (Using Short Code)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose Labels
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Widget_title][verticalslide][recent][5]</code></pre>
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/ShortCode2.png" />
 
 </li>
<li>Click Save
 </li>
</ol>
</div>
<div class="oldmethod">
<h4>
OLD Method (Using Javascript)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" /></li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="verticalslider1"></div>
<script type='text/javascript'>
jQuery("#verticalslider1").RecentPostbyTag({
MaxPost:5,
ImageSize:"w400",
postType:"s",
sliderType:"v",
tagName:"Your_TagName"
});
</script></code></pre>
</li>
<li>Click Save
 </li>
<li>Note: If you want add new/next Simple Recent Post (No image) you must change div id and jQuery id must be same with new div id</li>
</ol>
</div>
 
 <h4 class="pagination-centered">
Hot Post</h4>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelposthot.png" />
 </div>
To add Post by Label (Hot Post) widget follow this step
 
 <div class="newmethod">
<h4>
New Method (Using Short Code)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose Labels
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Widget_title][hot][recent][3]</code></pre>
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/ShortCode2.png" />
 
 </li>
<li>Click Save
 </li>
</ol>
</div>
<div class="oldmethod">
<h4>
OLD Method (Using Javascript)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" /></li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="hotpost1"></div>
<script type='text/javascript'>
jQuery("#hotpost1").RecentPostbyTag({
MaxPost:3,
postType:"ht",
tagName:"Your_TagName"
});
</script></code></pre>
</li>
<li>Click Save
 </li>
<li>Note: If you want add new/next Simple Recent Post (No image) you must change div id and jQuery id must be same with new div id</li>
</ol>
</div>
<h4 class="pagination-centered">
Simple Post</h4>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/simplepost.png" />
 </div>
To add Post by Label (Simple Post) widget follow this step
 
 <div class="newmethod">
<h4>
New Method (Using Short Code)</h4>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose Labels
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelwidget.png" />
 </li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">[Widget_title][simple][recent][5]</code></pre>
 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/ShortCode2.png" />
 
 </li>
<li>Click Save
 </li>
</ol>
</div>
 
 (Default) Complete Javascript to call Post by Label 
(Slider (Carousel & Slideshow), Horizontal, Combine, Gallery and 
Vertical Post) like this code:
 
<pre data-codetype="CSS+HTML+JQuery"><code class="javascript">jQuery("#ID_Place_To_Load_Plugin").RecentPostbyTag({
blogURL: "",
ShowDesc: false,
ShowDate: true,
ShowComment: true,
Random: false,
AjaxLoad: true,
animation:"slide",
postType: "v", 
sliderType: "c", 
tagName: false
});</code></pre>
<table class="table table-bordered table-striped">
 <thead>
<tr>
 <th>Property</th>
 <th>Description</th>
 </tr>
</thead>
 <tbody>
<tr>
 <td>blogURL</td>
 <td>Yours blog URL or you can leave it blank to load where this script load.</td>
 </tr>
<tr>
 <td>ShowDesc</td>
 <td>If you want to show or hide post description (work in vertical and horizontal) (true or false)</td>
 </tr>
<tr>
 <td>ShowDate</td>
 <td>If you want to show or hide date true to show or false to hide</td>
 </tr>
<tr>
 <td>ShowComment</td>
 <td>If you want to show or hide comment number true to show or false to hide</td>
 </tr>
<tr>
 <td>Random</td>
 <td>If you want to generate random post true to random or false to recent. if you set true AjaxLoad will not work (same like AjaxLoad set false).</td>
 </tr>
<tr>
 <td>AjaxLoad</td>
 <td>If you'r want More Button will load more
 from next page and add after last post. If you set false page will 
redirect if More Button clicked</td>
 </tr>
<tr>
 <td>postType</td>
 <td>There are Three kind of PostType: "v" 
(vertical Post), "h" (horizontal Post) , "c" (Combine Post), "g1" 
(Gallery Post 1), "g2" (Gallery Post 2), "ht" (Hot Post) and "s" (Slider
 Post)</td>
 </tr>
<tr>
 <td>animated</td>
 <td>make it have animation effect (for Vertical and Horizontal Post)</td>
 </tr>
<tr>
 <td>sliderType</td>
 <td>make it show carousel slide show or 
Slide show : "c" (Carousel Slider), "f" (full Slideshow Slider) and "v" 
(full Vertical Slider)</td>
 </tr>
<tr>
 <td>tagName</td>
 <td>If you want to show Post by the Label. Example: to show post from Sports Label just write like this tagName:"Sports" </td>
 </tr>
</tbody>
 </table>
<h4 class="pagination-centered" id="creating_random_post">
Random Post</h4>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelpostrandom.png" />
 </div>
To add Random Post widget follow this step
 
 <div class="newmethod">
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" /></li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div class="aprieztrandom"></div></code></pre>
</li>
<li>Click Save
 </li>
<li>Note: If you want change number post display and load from specific labels/tags code will look like this 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div class="aprieztrandom" data-number="5" data-tag=""></div></code></pre>
</li>
</ol>
</div>
 
 <div class="creating_error_pages">
<h2 id="creating_error_pages">
Error Page</h2>
</div>
<hr />
 <div class="row">
<div style="text-align: center;">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/error404.png" />
 </div>
 
 
To change text on Error Page follow this step 
<ol>
<li>On Blogger Dashbord Click Template
 </li>
<li>Click Edit HTML
 </li>
<li>Scroll down and Find this Code :
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div class='error-custom'>

<h2>404 Not Found</h2>
<p class='error-body'>We&#39;re sorry but we could not find the page you are looking for.<br/>
This may happen if you have entered site url incorrectly or this page doesn&#39;t exist anymore.</p>

<p>You can try searching page again or go back to home</p>

</div></code></pre>
</li>
<li>Change which your's Language</li>
</ol>
</div>
</section>
 <section id="shortcodes_widgets">
 <div class="page-header">
<h1 id="shortcodes">
Widgets Configuration</h1>
</div>
<div class="page-header">
<h2 id="sumloadmore">
Summary and View Mode</h2>
</div>
<div class="note">
NB: summary and Load more image use Official
 Blogspot Thumbnail. It mean the image must upload to blogspot for make 
it show on home page.</div>
<div class="row">
<h3>
Summary</h3>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/loadmoreandview.png" />
 </div>
To change image size and Summary length and other summary configuration follow this step.
 
<ol>
<li>On Blogger Dashbord Click Template
 </li>
<li>Click Edit HTML
 </li>
<li>Scroll down and Find this Code :
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="javascript">var configSummary = {
 thumbnailSize: "w350", // Define the post thumbnail size
 summaryLength: 250, // Define the summary length 
 defaultView:'grid', // Default view Mode
 postPerPage:6, // Number post every Page
 numshowpage:3 
};</code></pre>
<table class="table table-bordered table-striped">
 <thead>
<tr>
 <th>Property</th>
 <th>Description</th>
 </tr>
</thead>
 <tbody>
<tr>
 <td>thumbnailSize</td>
 <td>Image Format use Picasa/Blogspot image format:
 
To make square image (180x180) Image Format use like this "s180-c" or "s180-p". image will be crop to make it square.
 
Blogspot Image format 
also look like this : "s180" (if image landscape width will 180px. If 
image Portrait height will 180px), "w180" (image width will 180px) or 
"h180" (image height will 180px)
 </td>
 </tr>
<tr>
 <td>summaryLength</td>
 <td>Define the summary length</td>
 </tr>
<tr>
 <td>defaultView</td>
 <td>This will setup view mode: you can choose "grid" to show your's post on grid mode or "list" to show your's post on list mode</td>
 </tr>
<tr>
 <td>postPerPage</td>
 <td>Number Post Will show if next Page Number Click. Note must be same with "Show at most" on Blogger Setting</td>
 </tr>
<tr>
 <td>numshowpage</td>
 <td>Number Page Number will Show</td>
 </tr>
</tbody>
 </table>
</li>
</ol>
</div>
<div class="page-header">
<h2 id="recentcommentwidgets">
Recent Comments</h2>
</div>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/reccomment.png" /> 
Blogger Recent Comments
 </div>
To add recent comments widget follow this step
 
 <div class="newmethod">
<h5>
New Method Using ShortCode</h5>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" /></li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div class="apriezrcomment"></div></code></pre>
</li>
<li>Click Save</li>
<li>If you want change number recent comment and hide author comment code will look like this 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div class="apriezrcomment" data-number="6" data-author="author_name" ></div></code></pre>
</li>
</ol>
</div>
<div class="oldmethod">
<h5>
OLD Method Using Javascript</h5>
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" /></li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="rcentcomnets"></div>
<script type='text/javascript'>
jQuery("#rcentcomnets").RecentComments();
</script></code></pre>
</li>
<li>Click Save
 </li>
</ol>
(Default) Complete Javascript to call Recent Comments like this code:
 
<pre data-codetype="CSS+HTML+JQuery"><code class="javascript">jQuery("#ID_Place_To_Load_Plugin").RecentComments({
blogURL:"",
numComments:4,
characters:100,
avatarSize:50,
Showimage:true,
defaultAvatar:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiATNqDFc1kTToLddW-t2MHYo4p7nWWelSBmykqJt3PG1B64P_OCdGi320OifbcaYD5Pa5aZFzs1VGrYtk-YIuj0f8mDsgokv967DfMy4uuX447jJnvMkboDaYpkIWyru2PAMehJK3J-UCd/s70/user-anonymous-icon.png",
maxfeeds:40,
adminBlog:""
});</code></pre>
<table class="table table-bordered table-striped">
 <thead>
<tr>
 <th>Property</th>
 <th>Description</th>
 </tr>
</thead>
 <tbody>
<tr>
 <td>blogURL</td>
 <td>Yours blog URL or you can leave it blank to load where this script load.</td>
 </tr>
<tr>
 <td>numComments</td>
 <td>maximum number of recent comment</td>
 </tr>
<tr>
 <td>characters</td>
 <td>Number of summary characters to show. if set 0, will not show summary</td>
 </tr>
<tr>
 <td>avatarSize</td>
 <td>Image thumbnail size/avatar size</td>
 </tr>
<tr>
 <td>Showimage</td>
 <td>Show or hide the avatar. Value : true or false</td>
 </tr>
<tr>
 <td>defaultAvatar</td>
 <td>Backup image if comment author don't have avatar image</td>
 </tr>
<tr>
 <td>maxfeeds</td>
 <td>Maximum feed to load</td>
 </tr>
<tr>
 <td>adminBlog</td>
 <td>Control to show or hide 
author/admin comment. ex: if you don't want to show your comment, simply
 just write yours blogger name like this adminBlog:"satank MKR" </td>
 </tr>
</tbody>
 </table>
</div>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/disqusrecentcomment.png" /> 
Disqus Recent Comments
 </div>
To add recent comments widget follow this step
 
 <div class="newmethod">
<ol>
<li>on Dashbord Blogger Click Layout
 </li>
<li>Click Add a Gadget
 </li>
<li>Choose HTML/Javascript 
 <img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/htmlwidget.png" /></li>
<li>Copy this Code:
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id="dsq-recentcoment" class="dsq-widget">
<script type="text/javascript" src="http://yours_DISQUS_Shortname.disqus.com/recent_comments_widget.js?num_items=5&hide_avatars=0&avatar_size=32&excerpt_length=150&hide_mods=0"></script>
</div></code></pre>
</li>
<li>Click Save</li>
</ol>
</div>
<div class="page-header">
<h2 id="jsonresultwidget">
JSON Search Result</h2>
</div>
<div class="row">
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/Aprieztsearchresult.png" />
 </div>
To edit JSON Search Result Text you can follow this step
 
<ol>
<li>On Blogger Dashbord Click Template
 </li>
<li>Click Edit HTML
 </li>
<li>Scroll down and Find this Code :
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="css">searchxx({summaryLength:100, scrthumbSize:50});</code></pre>
</li>
<li>If you want to change it. You can see complete default Script below:</li>
</ol>
(Default) Complete Javascript to call JSON Search Result like this code:
 
<pre data-codetype="CSS+HTML+JQuery"><code class="javascript">searchxx({
blogURL:"",
findText:"Search results for keyword",
NotfindText:"No result!",
Showthumb:true,
LoadingText:"Searching...",
scrthumbSize:50
});</code></pre>
<table class="table table-bordered table-striped">
 <thead>
<tr>
 <th>Property</th>
 <th>Description</th>
 </tr>
</thead>
 <tbody>
<tr>
 <td>blogURL</td>
 <td>Yours blog URL or you can leave it blank to load where this script load.</td>
 </tr>
<tr>
 <td>srcBlank</td>
 <td>Backup image if post don't have image</td>
 </tr>
<tr>
 <td>findText</td>
 <td>Sentence if founded post by the keyword</td>
 </tr>
<tr>
 <td>NotfindText</td>
 <td>Text if no post founded</td>
 </tr>
<tr>
 <td>Showthumb</td>
 <td>Show or hide the post thumbnail. Value : true or false</td>
 </tr>
<tr>
 <td>LoadingText</td>
 <td>Text to show when searching</td>
 </tr>
<tr>
 <td>summaryLength</td>
 <td>Length of summary characters</td>
 </tr>
<tr>
 <td>scrthumbSize</td>
 <td>Size of thumbnail image, size in pixel</td>
 </tr>
</tbody>
 </table>
</div>
<div class="page-header">
<h2 id="emoticon">
Emoticon</h2>
</div>
<div class="row">
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/emoticon.png" />
 </div>
To edit Emoticon Text you can follow this step
 
<ol>
<li>On Blogger Dashbord Click Template
 </li>
<li>Click Edit HTML
 </li>
<li>Scroll down and Find this Code :
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="javascript">emoticonx({
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
});</code></pre>
</li>
<li>If you want to change it. You can see complete default Script below:</li>
</ol>
<table class="table table-bordered table-striped">
 <thead>
<tr>
 <th>Property</th>
 <th>Description</th>
 </tr>
</thead>
 <tbody>
<tr>
 <td>topText</td>
 <td>Sentence below the emoticon sample</td>
 </tr>
<tr>
 <td>emoMessage</td>
 <td>Sentence below the emoticon sample and alert box</td>
 </tr>
</tbody>
 </table>
</div>
<div class="page-header">
<h2 id="newsticker">
News Ticker</h2>
</div>
<div class="row">
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/newsticker.png" />
 </div>
 
To edit News Ticker Text you can follow this step
 
<ol>
<li>On Blogger Dashbord Click Template
 </li>
<li>Click Edit HTML
 </li>
<li>Scroll down and Find this Code :
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="javascript">NewsTicker();</code></pre>
 (Default) Complete Javascript to call JSON Search Result like this code:
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="javascript">NewsTicker({
blogURL: "",
MaxPost: 8,
tagName: false
});</code></pre>
</li>
<li>If you want to change it. You can see complete default Script below:</li>
</ol>
<table class="table table-bordered table-striped">
 <thead>
<tr>
 <th>Property</th>
 <th>Description</th>
 </tr>
</thead>
 <tbody>
<tr>
 <td>blogURL</td>
 <td>Yours blog URL or you can leave it blank to load where this script load</td>
 </tr>
<tr>
 <td>MaxPost</td>
 <td>Maximum number artikel will show on News Ticker</td>
 </tr>
<tr>
 <td>tagName</td>
 <td>If you want to show News Ticker by the Label. Example: to show post from Sports Label just write like this tagName:"Sports"
 </td>
 </tr>
</tbody>
 </table>
</div>
<div class="page-header">
<h2 id="related_post">
Related Post</h2>
</div>
<div class="row">
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/relatedpost.png" />
 </div>
To edit Emoticon Text you can follow this step
 
<ol>
<li>On Blogger Dashbord Click Template
 </li>
<li>Click Edit HTML
 </li>
<li>Scroll down and Find this Code :
 
 
 <pre data-codetype="CSS+HTML+JQuery"><code class="undefined">relatedPostsWidget();</code></pre>
</li>
<li>If you want to change it. You can see complete default Script below:</li>
</ol>
(Default) Complete Javascript to call Related Post like this code:
 
<pre data-codetype="CSS+HTML+JQuery"><code class="javascript">relatedPostsWidget({
blogURL:"",
maxPosts:5,
maxTags:5,
maxPostsPerTag:5,
ShowComment:true,
ShowDate:true,
DateFloat:false,
ShowDesc:true,
readMoretext:"Read more »",
rlt_thumb:70 
});</code></pre>
<table class="table table-bordered table-striped">
 <thead>
<tr>
 <th>Property</th>
 <th>Description</th>
 </tr>
</thead>
 <tbody>
<tr>
 <td>blogURL</td>
 <td>Yours blog URL or you can leave it blank to load where this script load.</td>
 </tr>
<tr>
 <td>maxPosts</td>
 <td>Maximum number of article will be show (if Related Post)</td>
 </tr>
<tr>
 <td>maxTags</td>
 <td>Maximum Tag/Label will load</td>
 </tr>
<tr>
 <td>maxPostsPerTag</td>
 <td>Maximum post each tag/label will be show (maximum recent post if article don't have tag/label)</td>
 </tr>
<tr>
 <td>ShowComment</td>
 <td>Show or Hide Comment Number. option true or false</td>
 </tr>
<tr>
 <td>ShowDate</td>
 <td>Show or hide Date. option true or false</td>
 </tr>
<tr>
 <td>DateFloat</td>
 <td>If you want make the date like Recent Post by Tag Date model.</td>
 </tr>
<tr>
 <td>ShowDesc</td>
 <td>Show or hide post description. option true or false</td>
 </tr>
<tr>
 <td>rlt_thumb</td>
 <td>Size of thumbnail image, size in pixel</td>
 </tr>
<tr>
 <td>readMoretext</td>
 <td>Read More Text</td>
 </tr>
</tbody>
 </table>
</div>
<div class="page-header">
<h2 id="commentsetting">
Comment Setup</h2>
</div>
Apriezt supported 3 comment systems: default threaded comment of Blogger, Facebook comment and Disqus comment. You can choose to use one comment system or combine two of them together by changing settings in Blog widget. 
To pick comment systems, access Layout. Click Edit link on Blog Posts gadget. 
 <div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/blog-widget-open.png" /> </div>
In the Configure Blog Posts window, you will pick comment systems by input their names in comment text field. Template supported 3 names: blogger, facebook, disqus.
 You can combine two of them by separate their names by "-". Example, 
combine blogger with facebook comment system like the demo blog, you can
 input blogger-facebook. After input, click Save to enjoy. 
 <div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/comment-picker.png" /> </div>
Facebook Comment need Apps ID and Admin Id. To know how to get App ID and <a href="http://developers.facebook.com/tools/explorer/" target="_blank">Admin Id</a> you can search on Google or <a href="http://www.hyperarts.com/blog/how-to-create-facebook-application-to-get-an-app-id-for-your-website/" target="_blank">How To Get App ID</a>. And you can follow this step to change my Facebook App ID and Admin ID. 
 <ol>
<li>On Blogger Dashbord Click Template</li>
<li>Click Edit HTML</li>
<li>Scroll down and Find this Code : 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><meta content='218168578325095' property='fb:app_id'/>
<meta content='100002549773049' property='fb:admins'/></code></pre>
and this code: 
<pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id='facebook-comment-appid' style='display:none'>218168578325095</div></code></pre>
</li>
<li>Change 218168578325095 with yours Facebook App ID. and 100002549773049 with yours Admin ID.</li>
<li>Facebook Admin ID use to moderate facebook comments.</li>
</ol>
If you pick disqus comment system, you must input Disqus short name for it. To do that, follow this step.
 <ol>
<li>On Blogger Dashbord Click Template</li>
<li>Click Edit HTML</li>
<li>Scroll down and Find this Code : 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div id='disqus-shortname' style='display:none'>aprieztmkrdezign</div></code></pre>
</li>
<li>Change aprieztmkrdezign with yours Disqus shortname.</li>
Where you can get Disqus shortname? Access your Disqus Admin and choose Settings <div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/disqus-comment-03.png" /> </div>
Then scroll down to Site Identify, you will see the shortname there. <div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/disqus-comment-04.png" /> </div>
</ol>
<hr />
 <div class="page-header">
<h3 id="other-config">
Other Config</h3>
</div>
<h4>
Enable Your Blog to Anyone</h4>
Apriezt use json feed to display your posts on home page. So you blog 
must be publised to everyone. Private blogs can not use this template. 
To enable your blog to anyone, access Settings menu and choose Basic settings. Then click Edit of Blog Readers option. 
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/settings-permisson-check.png" /> </div>
In Blog Readers radio options, choose Anybody and click Save changes. 
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/settings-permisson-save.png" /> </div>
<hr />
<h4>
Enable Full Feed</h4>
Access Settings menu and choose Other settings. Click drop-down list at Allow Blog Feed option, then choose Full. After that, click Save settings button at the top right corner. 
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/settings-fullfeed.png" /> </div>
<hr />
<h4>
Enable Search Preference</h4>
To improve your blog SEO, please enable Blogger Search Preferences. Access your Settings menu, choose Search preferences tab and click Edit link on Meta tags section 
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/search_01.png" /> </div>
Next, check Yes option, then type your Blog Description into the text field and click Save changes. 
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/search_02.png" /> </div>
<hr />
<div class="page-header">
<h3 id="shortcode">
Auto Tabs ShortCode</h3>
</div>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/autotabs.png" /> </div>
To make Tabs Content Like that image. short code look like this: 
<pre data-codetype="CSS+HTML+JQuery"><code class="xml"><div class="aprieztabs">
 <div data-tab="Tab-1">Your Content Here</div>
 <div data-tab="Tab-2">Your Content Here</div>
 <div data-tab="Tab-3">Your Content Here</div>
 <div data-tab="Tab-4">Your Content Here</div>
</div></code></pre>
<hr />
<div class="page-header">
<h3 id="labelview">
Label View</h3>
</div>
<div class="pagination-centered">
<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/labelview.png" /> </div>
If you want some label name not show in Label view follow this step: 
<ol>
<li>On Blogger Dashbord Click Template</li>
<li>Click Edit HTML</li>
<li>Scroll down and Find this Code : 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><script class='jshilang' type='text/javascript'>
labelnyacx();
</script></code></pre>
and this code: 
</li>
<li>Change like this: 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><script class='jshilang' type='text/javascript'>
labelnyacx({
labelNotShow:"Your Label1, Your Label2, Your Label3"
});
</script></code></pre>
</li>
<li>Your Label1, Your Label2, Your Label3 will not show on label view.</li>
</ol>
<hr />
<div class="page-header">
<h3 id="defaultconfig">
Default Configuration</h3>
</div>
<pre data-codetype="CSS+HTML+JQuery"><code class="javascript">var Alldefaultconfig = {
 MaxPost:5,
 MoreText: "Load more posts",
 monthName: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], 
 viewMoreText: "View More About",
 BackupImage: 'http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s72-c/grey.gif', 
 summaryLength:150, 
 FirstImageSize:"w350",
 ImageSize:"w100", 
 slideshowSpeed:5000,
 NewsTickerText:"Latest News",
 RandomTitle:"Random Posts",
 RecentTitle:"Recent Posts",
 RelatedTitle:"Related Posts",
 RelatedStyle:"carousel",
 CommentMode:"blogger",
 redirectMobile:true,
 stickyMenu:true,
 sliderEffect:"backSlide"
};</code></pre>
<table class="table table-bordered table-striped">
 <thead>
<tr>
 <th>Property</th>
 <th>Description</th>
 </tr>
</thead>
 <tbody>
<tr>
 <td>MaxPost</td>
 <td>Default Maximum Post (Recent Post by Tag,RelatedPost,AutoFeaturePost)</td>
 </tr>
<tr>
 <td>MoreText</td>
 <td>Define Load More Text if Recent Post </td>
 </tr>
<tr>
 <td>monthName</td>
 <td>Month Name format (Recent Post by Tag, Recent Comment, AutoFeatured Post, Related Post, News Ticker)</td>
 </tr>
<tr>
 <td>viewMoreText</td>
 <td>Define More Text (Recent Post by Tag and JSON Search)</td>
 </tr>
<tr>
 <td>BackupImage</td>
 <td>Backup image if post don't have image </td>
 </tr>
<tr>
 <td>summaryLength</td>
 <td>Default Summary Length (Recent Post by Tag, Related Post, JSON Search,AutoFeaturePost)</td>
 </tr>
<tr>
 <td>FirstImageSize</td>
 <td>Default First Image Size in Recent Post by Tag (blogger/blogspot format).Image Format use Picasa/Blogspot image format: 
To make square image (200x200) Image Format use like this "s200-c" or "s200-p". image will be crop to make it square. 
Blogspot Image format also look like this : "s200" (if image landscape 
width will 200px. If image Portrait height will 200px), "w200" (image 
width will 200px) or "h200" (image height will 200px)</td>
 </tr>
<tr>
 <td>ImageSize</td>
 <td>Default Image Size in Recent Post by Tag (blogger/blogspot format). Image Format use Picasa/Blogspot image format: 
To make square image (200x200) Image Format use like this "s200-c" or "s200-p". image will be crop to make it square. 
Blogspot Image format also look like this : "s200" (if image landscape 
width will 200px. If image Portrait height will 200px), "w200" (image 
width will 200px) or "h200" (image height will 200px)</td>
 </tr>
<tr>
 <td>slideshowSpeed</td>
 <td>Default Slideshow Speed in milisecond (Featured Post)</td>
 </tr>
<tr>
 <td>NewsTickerText</td>
 <td>News Ticker Heading Title</td>
 </tr>
<tr>
 <td>RandomTitle</td>
 <td>Define Random Post Title (if Random Post widget don't have title)</td>
 </tr>
<tr>
 <td>RecentTitle</td>
 <td>Define Recent Post Title</td>
 </tr>
<tr>
 <td>RelatedTitle</td>
 <td>Define Related Post Title</td>
 </tr>
<tr>
 <td>RelatedStyle</td>
 <td>Related Post Style: "carousel" or "normal"</td>
 </tr>
<tr>
 <td>CommentMode</td>
 <td>Default Comment mode</td>
 </tr>
<tr>
 <td>redirectMobile</td>
 <td>enable or disable redirect Blogger Mobile version. true to enable, false to disable</td>
 </tr>
<tr>
 <td>stickyMenu</td>
 <td>enable or disable sticky Menu. true to enable, false to disable</td>
 </tr>
<tr>
 <td>sliderEffect</td>
 <td>slider effect: "fade","backSlide","goDown",or "fadeUp". this option just for lightweight version. </td>
 </tr>
</tbody>
 </table>
</section>

<section id="theme_customizer">
 <div class="page-header">
<h3>
Theme Customizer</h3>
</div>
<h3>
Change Background Image</h3>
NB : Blogger Customize will work if Blogger Mobile Template Enabled before upload this Theme 
 It's Easy to customize this themes. Just Go to Blogger Dashbord and Click Template then Click Customize and Click Background

<img class="img-polaroid" src="file:///C:/Documents%20and%20Settings/anand.DSLRDOMAIN/My%20Documents/Downloads/Compressed/themeforest-6339405-apriezt-responsive-magazinenews-blogger-theme-sosothemes/Older%20Version%201.2/Documentations/assets/temdesigner.png" />
 
 
 <table class="table table-bordered table-striped">
 <thead>
<tr>
 <th>Property</th>
 <th>Description</th>
 </tr>
</thead>
 <tbody>
<tr>
 <td>Main Color</td>
 <td>Body background color, Header Area background color, Outer Area background color and Footer Area background color</td>
 </tr>
<tr>
 <td>Backgrounds</td>
 <td>Primary Background Color</td>
 </tr>
<tr>
 <td>Links</td>
 <td>This will change link hover color and visited link color</td>
 </tr>
<tr>
 <td>Page Text</td>
 <td>This will change Body Font type and color, Heading font type and color</td>
 </tr>
<tr>
 <td>Header</td>
 <td>This will change Blog Title Font type and color, Blog description font type and color</td>
 </tr>
<tr>
 <td>Top Navigation</td>
 <td>This will change Top navigation background 
color, Top navigation text color, Top navigation Sub Menu color, and top
 navigation sub sub menu</td>
 </tr>
<tr>
 <td>Middle Navigation 1</td>
 <td>This will change middle navigation text color, Sub Menu color and Sub sub menu color</td>
 </tr>
<tr>
 <td>Middle Navigation 2</td>
 <td>This will change top gradrient color, middle gradrient color, bottom gradrient color, and search input text color</td>
 </tr>
<tr>
 <td>Content Area</td>
 <td>This will change Content area background color and title, date, social icon hover background</td>
 </tr>
<tr>
 <td>Buttons</td>
 <td>This will change button top gradrient color, middle gradrient color, bottom gradrient color and border color</td>
 </tr>
<tr>
 <td>Buttons Hover</td>
 <td>This will change button top gradrient color, middle gradrient color, bottom gradrient color and border color</td>
 </tr>
<tr>
 <td>Widget Area</td>
 <td>This will change widget heading title color, widget background color, widget border color, and sidebar text color</td>
 </tr>
<tr>
 <td>Footer Area</td>
 <td>This will change footer text color, footer widget heading color, footer link hover color</td>
 </tr>
<tr>
 <td>Footer Area 2</td>
 <td>This will change footer image background color, border color, and credit background color</td>
 </tr>
</tbody>
 </table>
<hr />
 
<div class="page-header">
<h3 id="theme_rtlsupport">
RTL Support</h3>
</div>
Because this theme support upload Background Image and this 
option make auto RTL Language change not work and to make it support RTL
 language must be change little CSS code. Follow this Step

<ol>
<li>On Blogger Dashbord Click Template</li>
<li>Click Edit HTML</li>
<li>Scroll down and Find this Code : 
 <pre data-codetype="CSS+HTML+JQuery"><code class="xml"><Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/></code></pre>
and change with: 
<pre data-codetype="CSS+HTML+JQuery"><code class="xml"><Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="right" value="right"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="left" value="left"/></code></pre>
</li>
</ol>
Thats Code just change default and value for startSide from left change to right and for endSide from right change to left 
 
 
 </section>

<hr />
<div class="goodbye">
Once again, thank you so much for purchasing this theme. 
As I said at the beginning, I'd be glad to help you if you have any 
questions relating to this theme. No guarantees, but I'll do my best to 
assist. If you have a more general question
 relating to the themes on ThemeForest, you might 
consider visiting the forums and asking your question in the "Item 
Discussion" section.</div>
</div>

Getting started to know how busybee4u.tk template is designed

busybee4u 0 blogger, FUN, my blogger 1:25 AM

I assume you have a blogger account, so let's get started! Enable Mobile Template YOU MUST DO THIS STEP FIRST, BEFORE INSTALL THE TEMPLATE TO HELP TEMPLATE EDITOR CAN WORK PROPERLY As default, Blogger will use … Read more »