IdeasMAG - Documentation

Installation

When you are ready to install a theme, you must first upload the theme file. The theme file can be uploaded in one way.

Open your purchase folder, you will see a folder with name *** IdeasMAG_Premium_Version. Open it, and find the newest version with name *** IdeasMAG_Premium_Version.xml.
Open the XML file with a text editor (Notepad or something like that). Then select all text and copy (Ctrl+A, Ctrl+C in Window).

Notepad

Return to your blog dashboard, access your Template menu, click Edit HTML
In Editor HTML window, select all old code and paste the new code that you copied from the release file into code field. Then, click Save template

Top Navigation

Access your blog Layout > click Edit link on Top Navigation widget
Add the desired link and click Save

Social Top

Access your blog Layout > click Edit link on Social Top widget

On "New Site Name" field add your social name.

facebook,twitter,gplus,rss,youtube,skype,stumbleupon,tumblr,vine,stack-overflow,linkedin,dribbble,soundcloud,behance,digg,instagram,pinterest,delicious,codepen

And on "New Site URL" field add your social url adress.
After adding the icons click Save

Header Logo

Access your blog Layout > click Edit link on Logo Header widget
To upload the logo, apply the settings below and click Save

Featured Area

Access your blog Layout > click Add a Gadget link on Feat Section > HTML/JavaScript add it.
```
[Your Label Here]
```
Example:
```
[Business]
```
After adding click Save

All Widgets

Recent Posts
```
recentposts
```
Random Posts
```
randomposts
```
Recent Comments
```
recentcomments
```
Social Counter

Go to Layout > Social Counter Area > Click on Edit > and follow this steps below:

On "New Site Name" fild1 field add Social Name [Social Counter].

And on "New Site URL" fild2 field add your Social Url.

Exemple: Only this Socials Supported !
```
facebook [3.7k]
twitter [1.2k]
gplus [439]
rss [325]
youtube [2.5k]
dribbble [842]
instagram [746]
pinterest [152]
```

Facebook Graph

Add New Gadget > HTML/JavaScript widget > and Coy/Paste this code below:

  page/Your Page Facebook Url

  /*---------Exemple---------*/
  page/http://facebook.com/soratemplates

Flickr Widget

Add New Gadget > HTML/JavaScript widget > and Coy/Paste this code below and change your username code like "21692577@N02"

<div class="flickr_widget"><script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=8&display=latest&size=s&layout=x&source=user&user=92607015@N05"></script></div>

Post Layouts

You have 3 post layouts simply add code of post layout in post panel compose or HTML.

  /*----Full Width Post-----*/  
  [full_width]
  /*----Sidebar Left Post-----*/ 
  [left_sidebar]
  /*----Sidebar Right Post-----*/  
  [right_sidebar]

Theme Options

Boxed Style

Default Style is Boxed "yes" if you want to switch to Full Width Style simply replace "yes" to "no".
IMG Scroll Animation

Default is active "yes" if you want to desactive this Image Animation simply replace "yes" to "no".
Widget Recent Post No.

The number of results for widget recent post is "4", can substitute a desired number.
Widget Random Post No.

The number of results for widget random post is "4", can substitute a desired number.
Widget Recent Comment No.

The number of results for widget recent comment is "4", can substitute a desired number.
PageNavi Results No.

The number of results for PageNavi results is "7", can substitute a desired number.
Responsive Settings

To active theme to be Responsive simply go to Dashboard > Template > Mobile > and chose "No". Show desktop template on mobile devices.
Comments system

Access your blog Layout > click Edit link on "Comments system" widget and inside it add your comments systems you need in this way

[blogger] for blogger comments

[facebook] for facebook comments

[disqus] for disqus comments

you can add one system, two or three as you like and with arrangement you want for example:
```
[facebook]
[disqus]
[facebook][disqusss]
[blogger][facebook]
[facebook][blogger]
[disqus][facebook][blogger]
[blogger][disqus][facebook]
```
Disqus Shortname

open widget name "DISQUS SHORTNAME" inside it add your disqus shortname you can find it in your disqus account

Access This Link https://disqus.com/admin/
Step 01, Click in "Edit Settings".
Step 02, select your site.
Step 03 , Find "Site Identity".
Step 04, Access your blog Layout > click Edit link on "Disqus Shortname" widget paste your shortname and click Save

Drop Caps

<span class="firstcharacter">Your First Character here</span>

Blockquote
To create a Blockquote simply select all text you want to be a Quote and click on Quote icon from blog post text editor panel.
Bullet and List
To create a Bullet simply select all text you want to be a Bullet and click on Bullet List icon from blog post text editor panel.

To create a Checked List simply select all text you want to be a Checked List and click on Numbred List icon from blog post text editor panel.

Buttons

Add the button you want by size and icons.

/*----Simple Buttons-----*/
<a href="#" class="button small">Button Small</a>
<a href="#" class="button medium">Button Medium</a>
<a href="#" class="button large">Button Large</a>

/*----Buttons Width Icons-----*/
<a href="#" class="button small demo">Demo Button</a>
<a href="#" class="button medium demo">Demo Button</a>
<a href="#" class="button large demo">Demo Button</a>

<a href="#" class="button small download">Download Button</a>
<a href="#" class="button medium download">Download Button</a>
<a href="#" class="button large download">Download Button</a>

<a href="#" class="button small buy">Buy Now Button</a>
<a href="#" class="button medium buy">Buy Now Button</a>
<a href="#" class="button large buy">Buy Now Button</a>

<a href="#" class="button small visit">Visit a Link Button</a>
<a href="#" class="button medium visit">Visit a Link Button</a>
<a href="#" class="button large visit">Visit a Link Button</a>

Alert Boxs

/*----success message----*/
<div class="alert-message success">
<i class="fa fa-check-circle"></i> success message
You successfully read this important message.</div>

/*----Alert message-----*/
<div class="alert-message alert">
<i class="fa fa-info-circle"></i> 
Alert message
This alert needs your attention.</div>

/*----Warning message-----*/
<div class="alert-message warning">
<i class="fa fa-exclamation-triangle"></i> 
Warning message
Warning! Best check yo self.</div>

/*----Error message-----*/
<div class="alert-message error">
<i class="fa fa-exclamation-circle"></i> 
Error message
Oh snap! Change a few things up</div>

Code Box
```
<pre>You Code Here</pre>
```

Contact Form

<div class="contact-form">
<div style="display: block;" class="contact section" id="contact"><div class="widget ContactForm" id="ContactForm10">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<input class="contact-form-name" id="ContactForm10_contact-form-name" name="name" placeholder="Name" size="30" value="" type="text">
<input class="contact-form-email" id="ContactForm10_contact-form-email" name="email" placeholder="Email" size="30" value="" type="text">
<textarea class="contact-form-email-message" cols="25" id="ContactForm10_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm10_contact-form-submit" value="Send" type="button">
<div style="text-align: center; width: 100%">
<p class="contact-form-error-message" id="ContactForm10_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm10_contact-form-success-message"></p>
</div>
</form>
</div>
</div>
</div></div></div>

Sitemap Page
to create sitemap page crate new static page and in its content just write this [sitemap] no more.

Paste [sitemap] as pictured above and click Update