How To Setup mSora Blogger Template

mSora is a personal blog template with great features in built. There are lots of customization option available in this template. Its a power package in single template. Hot Magazine 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 Jasmine Blogger Template - Way2Themes

Social Top / Social Footer

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

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

Image Example: 

Main Menu/DropDown

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


Normal Link : MyLink

Sub Link: _MyLink

Image Example:

Slider

Access your blog Layout > click Add a Gadget  > HTML/JavaScript on Slider Section section, you must place the following names highlighted in blue below.


This Code: [your label here][number of results]

Example: [Tips][5]

Image Example:

Widgets

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Sidebar or Footer section, you must place the following names highlighted in blue below.


Recent Posts: recentposts

Random Posts: randomposts

Image Example:

After add, click Save.

Post Style - Full Width / Sidebar Left

To use this option you must enter the elements highlighted in blue below, in the post, or a static page.

Full Width: [full_width]

Left Sidebar: [left_sidebar]

Image Example:

Comments System

Access your blog Layout > click Edit link on Comments system widget.


You can add various provisions.

Only Blogger add: [blogger] and click save!

Only Disqus add: [disqus] and click save!

Only Facebook add: [facebook] and click save!

Add all: [blogger][disqus][facebook] and click save!

NOTE: To view the system Disqus comments, you need to follow the steps below.

Image Example:

Disqus Shortname

Access your blog Layout > click Edit link on Disqus Shortname widget.

• What you have to do is just add the shortname

Theme Options

Access your blog Layout  > click Edit link to the Desired Option.

1. ADS Title Below - (yes / no)
2. Animation - Scroll IMG - (yes / no)
3. Fixed Menu - (yes / no)

Image Example: 

1. Widget Recent Post No - (Number)
2. Widget Random Post No - (Number)
3. PageNavi Results No - (Number)

Image Example:

NOTE: In PageNavi Results No is recommended to add the same value of the home page post.

Facebook Page Plugin:

<center><div class="fb-padding"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/soratemplates" data-width="280" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div></center>

or you can follow this tutorial if above method won't work

How to Add Responsive Facebook Like Box Widget In Blogger

Theme Customization

Access your blog Template > click Customize.

Here you can change the background, and apply pre-defined colors

For more options Click Advanced.

NOTE: To make any changes you must click Apply to Blog in the upper Right.


NOTE 02: To return to default style click "Clear advanced changes to theme color", and click Apply to Blog.

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