MAGONE
Ultimate Blogger Magazine Template Documentation. Version 1.0. By Tien Nguyen
A) Getting Started
Step 1 - Enable Mobile Template
You must
Enable responsive feature
before
installing template for your site. This step will help your site be allowed to use "Template Designer" tool of Blogger.
Step 2 - Get Template Code
Extract your download package from ThemeForest, then open file "magone-template-code.xml"
with any text editor and copy all code from this file.
Step 3 - Change Template Options
Paste the code from step (2) to
SpotSettings
tool to change template options as you want.
Step 4 - Translate Template
Paste the result code from step (3) to
SpotLingo
tool to translate to your language if you need to.
Final Step - Install Template
Use the finally code from above steps and follow Way 1 in
Installing Blogger Template Code Tutorial
Optional - Update Template
To keep all your changes on widget layout each time you update template, please using
Widget Merger
tool to merge your current template code with the new version code before install for your website.
Optional - Template Demo Data
In case you want to import demo data for you testing website, you can get demo data from
SpotDummy
tool.
B) Article Widgets
1. Introduction
Article widgets are simple Label widgets of Blogger, but have special parameters in their title.
Example: if you add a Label widget to your site and its title contains "$type=slider", the widget will become a slider.
2. List of Article Widgets
At beginning, the template already had all above article widgets in "HOME ONLY CONTENT" section.
You can delete them if you don't want to use, or move them to any where you want.
You can also add other ones or edit one of them to select the labels that you want it to show.
For more information about widget parameters, please check next section.
C) Widget Parameters
1. Show / hide widgets from certain pages
You can add parameters: $show or $hide for any widgets.
Those parameters are usually being used to show / hide a widget from specific pages.
Example: if you add $show=home into title of a widget, that widget will only show on home page.
Or if use $hide=post then the widget will show in all pages except posts.
You can also show / hide widget for a specific URL.
Example: $show=/search/label/FASHION will make the widget showing only in FASHION label page.
This feature is usually used to make flexible layout for separate areas in your site,
example: showing specific images or decoration for certain label.
Please check below list for name of pages of Blogger:
- home: for your home page
- label: for all your label pages
- search: for all your search pages
- archive: for all your date - time archive pages
- index: for home, label, search and archive pages
- page: for all static pages. You can also input static or static_page, all are OK.
- post: for all post / article pages. You can also input article or item or single, they are the same.
- 404: for 404 page. You can also input error or error_pagge, all are similar.
2. Common Parameters for All Article Widgets
* Note for show / hide values:
false, hide, none, no, 0 values are the same.
true, show, enable, yes, 1 values are similar.
Check below list for parameters that you can use for any Article Widget:
- $type: Type of article widget. Check available values in below list:
- slider
- sticky
- complex
- carousel
- three
- two
- one
- blogging
- left
- right
- $count: maximum number of posts will show. Input $c or $cnt are also OK.
- $viewall: show/hide view all button. Input $va is also OK.
- $author: show/hide author name. Input $a is also OK.
- $comment: show/hide comment count. Input $cm is also OK.
- $date: show/hide date time. Input $d is also OK.
- $meta: show/hide all meta information (author, comment, date). Input $m is also OK.
- $snippet: show/hide snippet (excerpt). Input $s or $sn are also OK.
- $readmore: show/hide readmore link. Input $rdm or $rm are also OK.
- $cate: show/hide label links. Input $cat or $ct or $label or $labels or $lab or $la or $l are also OK. You can also input an integer value for this parameter to force widget not showing number of labels more than that.
- $height: number pixels for height of images in widget. If value is 0 or auto, images in widget will show as its natural height, not be cropped. Input $h is also OK.
- $pages: show/hide pagination buttons. Input $page or $pag or $pgn or $p or $pg or $pagination or $navigation or $nav or $nv are also OK. Default is hide.
3. Specific Parameters for Slider and Carousel Widgets
Have some parameters only affect for slider and carousel widgets. Please check below list:
- $columns: maximum number of columns will show. Input $cols or $co or $cl are also OK.
- $buttons: show/hide Next - Previous buttons. Input $btn or $b are also OK.
- $dots: show/hide navigation dots. Input $do is also OK.
- $speed: number milliseconds of auto-play speed. Input $sp is also OK.
4. Misc Parameters for Follow By Email and Popular Post Widgets
- $index: show/hide index (order) number in popular post widgets. Input $id or $idx are also OK.
- $desc: description content for follow by email widgets. Input $description or $ds or $dsc are also OK.
D) Menu, Quotes, Social Icons and Shortcodes
1. Menu, Quotes, Social Icons
Template is using
Underscore Menu,
Simple Social Icons, and
Quote Image
systems of Blogger. Just follow the documentation of these systems for more information.
2. Shortcodes
Shortcodes are the abbreviate codes that you insert into your post content to show certain things.
Template supports below shortcodes:
- [contact]: show contact form.
- [next]: split a long post into pages (usually be called "Page Break").
E) Post / Article
1. Decorating Main Title
Every Heading tag (h2) with strike through inside will be used to replace the main title of post.
2. Add Subtitle
Every Subheading tag (h3) with strike through inside will be used as the subtitle of post.
3. Set Feature Image
Every image with title contains [feature] text will become feature image, or the first image of post will become feature image.
F) Settings Notes
Auto Height Logo
When enable this setting, your logo will stay on left side and extra header widget from PAGE TOP section (usually ads widget)
will stay on the right side.
If you use Google Adsense Responsive Code, please wrap your code with a div for certain size. Example:
<div style="width:600px; height:90px">...Your Adsense Code Here...</div>
G) Other Basic Knowledges
You can read below tutorials for more basic knowledges about Blogger:
Other useful Blogger resources:
