Ahmad Dawami
HOMEPAGE SECTION SETTINGS
LOGO
INFORMATION:
Replace LOGO URL marked with your Blog LOGO URL, recommendation of 250x58 logo size
SOCIAL HEADER
Social Top
Access your blog Layout - click Edit icon on Social Top widget.
Icons Avaliables { facebook, twitter, rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, twitch, delicious, codepen, reddit, snapchat, email }
MENU
Normal Link : Features
Sub Link: _Multi DropDown (before the link add "_") 1 underscore
Sub Link 2: __DropDown 1 (before the link add "__") 2 underscore
Featured
Access your blog Layout > click Add a Gadget > HTML/JavaScript on Featured Posts Section,and then add one of the following
Recent Posts: <span id="recent"></span>
Label / Tag Ex: <span data-type="label" data-label="Beauty"></span>
Information:
Label / Tag: replace "Beauty" with the label you want
FEATURES PARALLAX
Access your blog Layout > click Add a Gadget > HTML/JavaScript on Featured Posts Section,and then add one of the following
Label / Tag Ex: <span data-type="label" data-label="Gadget"></span>
Information:
Label / Tag: replace "Gadget" with the label you want
Label / Tag Ex: <span data-type="label" data-label="Gadget"></span>
Information:
Label / Tag: replace "Gadget" with the label you want
RECENT LIST
Access your blog Layout > click Add a Gadget > HTML/JavaScript on Featured Posts Section,and then add one of the following
Label / Tag Ex: <span data-type="recentlist" data-label="News"></span>
Information:
Label / Tag: replace "News" with the label you want
Label / Tag Ex: <span data-type="recentlist" data-label="News"></span>
Information:
Label / Tag: replace "News" with the label you want
RECENT GRID
Access your blog Layout > click Add a Gadget > HTML/JavaScript on Featured Posts Section,and then add one of the following
Label / Tag Ex: <span data-type="label" data-label="News"></span>
Information:
Label / Tag: replace "News" with the label you want
Label / Tag Ex: <span data-type="label" data-label="News"></span>
Information:
Label / Tag: replace "News" with the label you want
Set the number of posts in recent post
var more_text="More Recent News"; Title in the recent list
var listnumb=5; Number of recent lists
var relnumb=6; Number of related articles
Template Width
To set the Full or Boxed width in the template, on the top left of the layout or rather in the "Options Full and Boxed" section, change true to false
SITEMAP
Create a new page and name it Sitemap without any content in it then publish it
Shortcode
Slider
<div class="slider-posts">
<div class="img-slider">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYU39fiQU0uk-_xCdrtXZAkx-Te_ZQ_YiW8KuqvXhmWR_TcYnhqGzwtImT01PCmquj9f_XBxATCC1ERLgrEUqiyE1PLpozjaqN8mUJV49xgDlcMUo5KhU1qCaVHUeCpxfO8tCcBdcAy513/s16000/13-min.jpg" />
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbSbIN_9nZ2WuI6dpTb9hrVqVEdy-g1uDw0F5804myy4x1EK-U9rhZBbF10mtu7X_6TwJWO2xhd2xQi9S2qOO40GrblWPjSSeoqu31l2qRhv6apQ_26_9O0jbaQQWLezz1fz3XuPBULR1-/s16000/20-min.jpg" />
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdJAPLgVD2yDlO2B42-SLKx7foN__CCCXXHGnBr1uI-6TWnhfltE4DtbuKO8KRTpGv_F5j6vFvXHBQwpGUgPenW2_pS-bE8NWQHeSBnQ9uxEuw4fY7SsmTZv_nASrNKMTFkxh-4Y3z_k1o/s16000/11-min.jpg" />
</div>
</div>DROCUP 1
<span class="text-dropcap dcap1">P</spanDROPCUP 2
<span class="text-dropcap dcap2">P</spanDROPCUP 3
<span class="text-dropcap dcap3">P</spanCOLUMN ONE
<div class="column-wrapper">
<div class="one-column">
<h2>Column One</h2>
<div class="column-left">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam massa ex, suscipit id ligula at, luctus tempus dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam massa ex, suscipit id ligula at, luctus tempus dolor.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam massa ex, suscipit id ligula at, luctus tempus dolor.</p>
</div>
<div class="column-right">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIXrGC8-1jdLdsIURSocCb4QmrGgi7IJxe_rHy6jsDVhkae_30VcLr6lCTubHbm2NhPJMt-MZ_y9z-dwkYv_pZxzNA50SJbPVLvpNQTXorL3I33ni6A3o4f1g983T-6-TSN2j-UPl_g-pm/s16000/8-min.jpg" />
</div>
</div>
</div> COLUMN TWO
<div class="column-wrapper">
<div class="two-column">
<h2>Column Two</h2>
<div class="column-list">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsqhS-gLegizAuHpTkNiGNKCweqCqdyiZRWDWp1IljB4SDcdPmk4MQ6sa6gGahJZn2EeWOx5ShB2ZXDztskna9YZjaNLma431rx6y3FkxA_shynF9H-bujmOh11_JqZ2bNNT_KlhKW6veg/s16000/7-min.jpg" /> <h4>Digital Design</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam massa ex, suscipit id ligula at, luctus tempus dolor.</p>
</div>
<div class="column-list">
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaKj2XMpXatspcpeBFSfjKD7-H2A5kx9bcYy3CLJ6Uo270GQ-egHnEfESlKknV8T7Ed8iVIS-T3lXKASbVuDvpxceYFterwJdayNe7CmCgJkaZW0HYMafL0_DaxeBHkZAtQl-qjAGVAJMp/s16000/9-min.jpg" /> <h4>Digital Design</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam massa ex, suscipit id ligula at, luctus tempus dolor.</p>
</div>
</div>
</div>VIDEO
<object width="560" height="315" data="https://www.youtube.com/embed/H_DsWb0Ou5c" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></object>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>
