HOT!Join Our Community For Exclusive Blogging IdeasClick Here

How To Setup Blogari Blogger Template

Blogari Blogger Template

Blogari is a very simplistic yet professional high quality theme for Blogger. It offers a highly optimized design for faster browsing, better search engine rankings, and super easy customization. Blogari 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.

Basic Setup

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

Social Top / Social Footer

Access your blog Layout > click Edit link on Breaking News widget.

To activate this widget, you need only enter the desired number of posts

Example: [number]  - ex: [5]

Image Example:

Social Top

Access your blog Layout > click Edit link on Social Header widget.

Icons Avaliables { Twitter, Facebook, GooglePlus, Instagram }

Image Example: 

Main Menu/ DropDown/ Multi DropDown

Access your blog Layout > click Edit link on Main Menu widget.
Normal Link : Features
Sub Link: _Sub Link 1.0 (before the link add "_") 1 underscore
Sub Link 2: __Sub Link 1.1 (before the link add "__") 2 underscore

Slider

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

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

Example: [Tips][5]

Image Example:

Featured Post

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

01 - With title and description!

This Code: [ your label / tag ][Your Description]

Example: [Fashion][SAY SOMETHING ABOUT THIS SECTION]

Image Example:

02 - No title and description!

This Code: [ your label / tag ]

Example: [Fashion]

Image Example:

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 ]

Note: must not have spaces.

Image Example:

Author Box

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Author Box section, you must add all the code below.

Code:

<!-- Author Profile -->

Image Link [your image profile URL Here]

Author Name [Your Name Here]

Author Description [Your description Here]

<!-- Social Icons no Delete -->

Twitter Username [You username Here]

Facebook Username [You username Here]

GPlus Username [You username Here]

Pinterest Username [You username Here]

Instagram Username [You username Here]

<!-- Author Profile (end) -->

Example:

<!-- Author Profile () -->

Image Link [https://lh3.googleusercontent.com/-q5rFZJBhEh4/AAAAAAAAAAI/AAAAAAAAABA/KsWV4TPonhk/s120-c/photo.jpg]

Author Name [soratemplates]

Author Description [Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard]

<!-- Social Icons no Delete -->

Twitter Username [soratemplates]

Facebook Username [soratemplates]

GPlus Username [soratemplates]

Pinterest Username [soratemplates]

Instagram Username [soratemplates]

<!-- Author Profile (end) -->

Image Example:

NOTE: You should not remove any element of the code, just replace as above!

NOTE 02: In <!-- Social Icons no Delete --> If you want to hide any social network, you should replace the username by [none].

Example:

<!-- Social Icons no Delete -->

Twitter Username [soratemplates]

Facebook Username [soratemplates]

GPlus Username [soratemplates]

Pinterest Username [soratemplates]

Instagram Username [soratemplates]

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

Comments DATE FORMAT

Image Example:

Blogari Options Panel

Access your blog Layout > click Edit link to the Desired Option.
  1. Animation - Scroll IMG - (yes / no)
  2. Fixed Menu - (yes / no)
Image Example:
  1. PageNavi Results No - (Number)
Image Example: 

Theme Customization

Access your blog Template > click Customize.

Here we add an advanced option so that you can change the main color of your Template.

Click to view in Full Size

FINAL NOTE: When We asked to click on Edit is for when we already have a Gadget Set, Not When you click on Add Gadget > HTML / JavaScript

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.

How To Setup Blogari Blogger Template How To Setup Blogari Blogger Template Reviewed by Templates Yard on July 06, 2017 Rating: 5

No comments:

Powered by Blogger.