Head 1	Head 2	Head 3	Head 4	Head 5
Example 1	Example 2	Example 3	Example 4	Example 5
Example 6	Example 7	Example 8	Example 9	Example 10

Head 1	Head 2	Head 3
Example 1	Example 2	Example 3
Example 6	Example 7	Example 8

Head 1	Head 2	Head 3	Head 4
Example 1	Example 2	Example 3	Example 4
Example 6	Example 7	Example 8	Example 9

Head 1	Head 2	Head 3	Head 4	Head 5
Example 1	Example 2	Example 3	Example 4	Example 5
Example 6	Example 7	Example 8	Example 9	Example 10

aqua Button pink Button white Button grey Button dark-grey Button Translate Inggris Indonesia Jepang Arab China Table of Contents METHOD OF INSTALLING MANUAL TEMPLATE CODE: URGENT MENU SOCIAL HEADER FEATURED POSTS RECENT (1) RECENT (2) RECENT (3) ICON LABEL SOURCE CODE DROCUP 1 DROPCUP 2 DROPCUP 3 SYNTAX TABLE 2 COLUMNS TABLE 3 COLUMNS TABLE 4 COLUMNS TABLE 5 COLUMNS BUTTON GALLERY ALERT LAZYLOAD SLOTS IN THE ARTICLE DOCUMENTATION CHARON Charon DEMO METHOD OF INSTALLING MANUAL TEMPLATE CODE: Download files sent via email or WhatsApp Open it using the Winrar or Zip application Then select the template folder Select one file type to be installed, .xml to be uploaded directly and notepad replace all and paste it in the Edit HTML. Recommendations (notepad), how to install notepad can be seen here. Before installing, it's a good idea to first backup the previous template. URGENT 1. Make sure all articles have a label, don't any without a label 2. In the Feed make it Full MENU Access your blog Layout - click Edit icon on Menu widget Normal Link : Dropdown Sub Link : __Submenu 1 (before the link add "__") 2 underscore SOCIAL HEADER Access your blog Layout - click Edit icon on Social Header widget. Icons Avaliables (facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen) FEATURED POSTS Access your blog Layout - click the Edit icon in the Featured Posts widget and specify the articles that are displayed RECENT (1) Access your blog Layout - click Edit icon on Recent (1) widget. INFORMATION: Place the above code in the widget Replace with the desired label name RECENT (2) Access your blog Layout - click Edit icon on Recent (2) widget. INFORMATION: Place the above code in the widget Replace with the desired label name RECENT (3) Access your blog Layout - click Edit icon on Recent (3) widget. INFORMATION: Place the above code in the widget Replace with the desired label name Is the number of articles displayed ICON LABEL Access your blog Layout - click Edit icon on Custom CSS widget. span.Economy:before {content: "\f0e7";} span.News:before {content: "\f580";} INFORMATION Is the name of the post label, the Label Name must match the type of text in the article (cases on the article label are very influential) Is the type of Icon on the label (Icon using FontAwesome Icon) To see the types of icons, please access the site https://fontawesome.com/v5.15/icons And to see the type of CSS icon, look at the following link https://kit-pro.fontawesome.com/releases/v5.15.3/css/pro.min.css SOURCE CODE TABLE OF CONTENTS

Place the TOC code above in the desired paragraph (Place it on the POST HTML page) DROCUP 1 P DROPCUP 2 P DROPCUP 3 P SYNTAX

 ...... 

TABLE TABLE 2 COLUMNS

Head 1	Head 2
Example 1	Example 2
Example 6	Example 7

TABLE 3 COLUMNS

Head 1	Head 2	Head 3
Example 1	Example 2	Example 3
Example 6	Example 7	Example 8

TABLE 4 COLUMNS

Head 1	Head 2	Head 3	Head 4
Example 1	Example 2	Example 3	Example 4
Example 6	Example 7	Example 8	Example 9

TABLE 5 COLUMNS

Head 1	Head 2	Head 3	Head 4	Head 5
Example 1	Example 2	Example 3	Example 4	Example 5
Example 6	Example 7	Example 8	Example 9	Example 10

BUTTON Button red Button orange Button green Button blue Button purple Button yellow Button mint Button aqua Button pink Button white Button grey Button dark-grey Button Button red Button orange Button green Button blue Button purple Button yellow Button mint Button aqua Button pink Button grey Button dark-grey Button Button red Button orange Button green Button blue Button purple Button yellow Button mint Button aqua Button pink Button white Button grey Button dark-grey Button GALLERY

ALERT

Success Message

success message : You successfully read this important message

Alert Message

Alert message : This alert needs your attention.

Warning Message

Warning message : Warning! Best check yo self.

Error Message

Error message : Oh snap! Change a few things up.

LAZYLOAD Every time to add an image in an article or anywhere you have to insert the Lazyload Image code in it to speed up loading on the blog Example: class="lazyload" data-sizes="auto"