How To Setup IdeasMag Blogger Template

Ideasmag is a responsive blogger template suitable for personal blogs, and anyone who like responsive design, clean, and professional. This blogging template will offer every feature someone might want in a big news blog or magazine, because this template is packed with great features and admin options. IdeasMag is equipped with various of widgets which will help you to publish your blog more professionally. To make it easy for you we have published this detailed documentation, so that you can setup your blog correctly. You have made a good decision by choosing our template.
You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users.

See Demo Live Preview Free Download Free Version Buy Now Premium Version

Basic Setup

1. Template Installation
2. Logo Setup
3. Template Setting
4. Shortcodes & Markups
5. Create Sitemap

Video Documentation

You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - How To Setup IdeasMag Blogger Template

Top Navigation

Access your blog Layout > click Edit link on Top Navigation widget
top nav layout

Add the desired link and click Save

Social Top

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

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

Main Menu/Dropdown/Multi Dropdown

Access your blog Layout > click Edit link on Main Menu widget

Add the desired link and click Save

Simple Links Example:

Link Name

Link Sub Menu Example:

_Submenu

Link Multi Menu Example:

__Submenu

Homepage Setup

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

Widgets

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>

Theme Options

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

ShortCodes

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

Theme Colors

Access your blog Template > click Customize.
Here is where you can change the main color of the model, using your favorite colors.

Installation And Custom Services

We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.

Contact Us Custom template Services