Ahmad Dawami
How To Setup Faizanews Blogger Template
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 label2. In the Feed make it Full
TOP NAVIGATION
PRIMARY MENU
Access your blog Layout - click Edit icon on Top Menu widget.
<li><a href='#' title=''>Blog</a></li>
<li><a class='dropdown' href='#' title=''>News</a>
<ul class='menus'>
<li><a href='#' title=''>Kriminal</a></li>
<li><a href='#' title=''>Breaking</a></li>
<li><a href='#' title=''>Magazine</a></li>
<li><a href='#' title=''>eCommerce</a></li>
</ul>
</li>
<li><a href='#' title=''>Video</a></li>
<li><a class='dropdown' href='#' title=''>Intertainment</a>
<ul class='menus'>
<li><a href='#' title=''>Music</a></li>
<li><a href='#' title=''>Wallpaper</a></li>
<li><a href='#' title=''>Gallery</a></li>
<li><a href='#' title=''>Video</a></li>
</ul>
<li><a href='#' title=''>Shortcode</a></li>
</li>
INFORMATION:
Place the above code in the menu widget
# Replace the sign with a Link / Url
MENU BOTTOM
Access your blog Layout - click Edit icon on Bottom Menu widget.
<li><a href='#'><svg viewbox='0 0 512 512'><path d='m369.164062 174.769531c7.8125 7.8125 7.8125 20.476563 0 28.285157l-134.171874 134.175781c-7.8125 7.808593-20.472657 7.808593-28.285157 0l-63.871093-63.875c-7.8125-7.808594-7.8125-20.472657 0-28.28125 7.808593-7.8125 20.472656-7.8125 28.28125 0l49.730468 49.730469 120.03125-120.035157c7.8125-7.808593 20.476563-7.808593 28.285156 0zm142.835938 81.230469c0 141.503906-114.515625 256-256 256-141.503906 0-256-114.515625-256-256 0-141.503906 114.515625-256 256-256 141.503906 0 256 114.515625 256 256zm-40 0c0-119.394531-96.621094-216-216-216-119.394531 0-216 96.621094-216 216 0 119.394531 96.621094 216 216 216 119.394531 0 216-96.621094 216-216zm0 0'/></path></svg>Fact check</a></li>INFORMATION:
<li><a href='#'><svg viewbox='0 0 30.333 30.333'>
<path d='M0,26.75V11.908c0-4.59,3.735-8.325,8.325-8.325h13.681c4.591,0,8.327,3.735,8.327,8.325v2.56 c0,4.59-3.735,8.325-8.325,8.325H8.518L0,26.75z M8.325,5.439c-3.567,0-6.469,2.902-6.469,6.469v11.933l6.253-2.905h13.899 c3.567,0,6.469-2.902,6.469-6.469v-2.56c0-3.567-2.903-6.469-6.471-6.469H8.325V5.439z M8.937,11.767 c0.975,0,1.765,0.79,1.765,1.765s-0.79,1.765-1.765,1.765s-1.765-0.79-1.765-1.765S7.962,11.767,8.937,11.767z M21.395,11.767 c0.975,0,1.765,0.79,1.765,1.765s-0.79,1.765-1.765,1.765s-1.765-0.79-1.765-1.765S20.42,11.767,21.395,11.767z M15.165,11.767 c0.975,0,1.765,0.79,1.765,1.765s-0.79,1.765-1.765,1.765s-1.765-0.79-1.765-1.765S14.19,11.767,15.165,11.767z'/>
</path></svg>Intographics</a></li>
<li><a href='#'><svg viewbox='0 0 426.667 426.667'>
<path d='M213.333,106.667c-58.88,0-106.667,47.787-106.667,106.667S154.453,320,213.333,320S320,272.213,320,213.333 S272.213,106.667,213.333,106.667z'/>
<path d='M213.333,0C95.467,0,0,95.467,0,213.333s95.467,213.333,213.333,213.333S426.667,331.2,426.667,213.333 S331.2,0,213.333,0z M213.333,384c-94.293,0-170.667-76.373-170.667-170.667S119.04,42.667,213.333,42.667 S384,119.04,384,213.333S307.627,384,213.333,384z'/></path></path></svg>You Say</a></li>
<li><a href='#'>Jakarta</a></li>
<li><a href='#'>Surabaya</a></li>
<li><a href='#'>Bandung</a></li>
<li><a href='#'>Pontianak</a></li>
<li><a href='#'>Medan</a></li>
<li><a href='#'>Makassar</a></li>
<li><a href='#'>Bali</a></li>
<li><a href='#'>Manado</a></li>
<li><a class='dropdown jmbg' href='#'>Other Areas</a>
<ul class='jmenus'>
<li><a href='#'>Jayapura</a></li>
<li><a href='#'>Pontianak</a></li>
<li><a href='#'>Balikpapan</a></li>
<li><a href='#'>Samarinda</a></li>
<li><a href='#'>Mataram</a></li>
</ul>
</li>
Place the above code in the menu widget
Icon SVG
SLIDER MODERN
Access your blog Layout - click Edit icon on Slider Modern widget.
<span data-type="dataslide" data-label="Health" data-no="5"></span>INFORMATION:
Place the above code in the widget
Replace with the desired label name
Number of articles displayed
TRENDING NEWS
Access your blog Layout - click Edit icon on Recent Trending widget.
<span data-type="label" data-label="News"></span>INFORMATION:Place the above code in the widget
Replace with the desired label name
RECENT (1)
Access your blog Layout - click Edit icon on Recent Grid widget.
<span data-type="label" data-label="Media"></span>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 Grid/List widget.
<span data-type="grid" data-label="Literature"></span>INFORMATION:Place the above code in the widget
Replace with the desired label name
SLIDER CONTENT
Access your blog Layout - click Edit icon on Slider Content widget.
<span data-type="carousel" data-label="World" data-no="6"></span>INFORMATION:
Place the above code in the widget
Replace with the desired label name
Number of articles displayed
RECENT (4)
Access your blog Layout - click Edit icon on Recent Grid (2) widget.
<span data-type="mediagrid" data-label="Technology"></span>INFORMATION:Place the above code in the widget
Replace with the desired label name
RECENT (5)
Access your blog Layout - click Edit icon on Recent List widget.
<span data-type="recentlist" data-label="Entertainment" data-no="3"></span>INFORMATION:
Place the above code in the widget
Replace with the desired label name
Number of articles displayed
RECENT (6)
Access your blog Layout - click Edit icon on Recent Grid (1) widget.
<span data-type="label" data-label="Game"></span>INFORMATION:Place the above code in the widget
Replace with the desired label name
RECENT (7)
Access your blog Layout - click Edit icon on Recent Grid (2) widget.
<span data-type="label" data-label="Sport"></span>INFORMATION:Place the above code in the widget
Replace with the desired label name
RECENT VIDEO
Access your blog Layout - click Edit icon on Recent Video widget.
<span data-type="rcvideo" data-label="Video"></span>INFORMATION:Place the above code in the widget
Replace with the desired label name
FOOTER MENU
Access your blog Layout - click Edit icon on Footer Menu widget.
MENU FOOTER
Access your blog Layout - click Edit icon on Footer Menu widget.
SOCIAL SIDEBAR SLIDE
Access your blog Layout - click Edit icon on Nav Social widget.
Icons Available {facebook, twitter, youtube, instagram, and whatsapp}
SOURCE CODE
TABLE OF CONTENTS
<aside id="toc"><b class="toc"></b></aside>Place the TOC code above in the desired paragraph (Place it on the POST HTML page)
DROCUP 1
<span class="text-dropcap dcap1">P</span>DROPCUP 2
<span class="text-dropcap dcap2">P</span>DROPCUP 3
<span class="text-dropcap dcap3">P</span>
SYNTAX
<pre><code> ...... </code></pre>BUTTON
<a class="button" href="#">Button</a>
<a class="button red" href="#">red Button</a>
<a class="button orange" href="#">orange Button</a>
<a class="button green" href="#">green Button</a>
<a class="button blue" href="#">blue Button</a>
<a class="button purple" href="#">purple Button</a>
<a class="button yellow" href="#">yellow Button</a>
<a class="button mint" href="#">mint Button</a>
<a class="button aqua" href="#">aqua Button</a>
<a class="button pink" href="#">pink Button</a>
<a class="button white" href="#">white Button</a>
<a class="button grey" href="#">grey Button</a>
<a class="button dark-grey" href="#">dark-grey Button</a>
<a class="button transparent" href="#">Button</a>
<a class="button transparent red" href="#">red Button</a>
<a class="button transparent orange" href="#">orange Button</a>
<a class="button transparent green" href="#">green Button</a>
<a class="button transparent blue" href="#">blue Button</a>
<a class="button transparent purple" href="#">purple Button</a>
<a class="button transparent yellow" href="#">yellow Button</a>
<a class="button transparent mint" href="#">mint Button</a>
<a class="button transparent aqua" href="#">aqua Button</a>
<a class="button transparent pink" href="#">pink Button</a>
<a class="button transparent grey" href="#">grey Button</a>
<a class="button transparent dark-grey" href="#">dark-grey Button</a>
<a class="button" href="#"><i class="fa fa-bolt"></i>Button</a>
<a class="button red" href="#"><i class="fa fa-bookmark"></i>red Button</a>
<a class="button orange" href="#"><i class="fa fa-cart-arrow-down"></i>orange Button</a>
<a class="button green" href="#"><i class="fa fa-bars"></i>green Button</a>
<a class="button blue" href="#"><i class="fa fa-cloud-download"></i>blue Button</a>
<a class="button purple" href="#"><i class="fa fa-fighter-jet"></i>purple Button</a>
<a class="button yellow" href="#"><i class="fa fa-external-link"></i>yellow Button</a>
<a class="button mint" href="#"><i class="fa fa-gavel"></i>mint Button</a>
<a class="button aqua" href="#"><i class="fa fa-life-ring"></i>aqua Button</a>
<a class="button pink" href="#"><i class="fa fa-magic"></i>pink Button</a>
<a class="button white" href="#"><i class="fa fa-location-arrow"></i>white Button</a>
<a class="button grey" href="#"><i class="fa fa-leaf"></i>grey Button</a>
<a class="button dark-grey" href="#"><i class="fa fa-meh-o"></i>dark-grey Button</a>
