PENGATURAN TEMPLATE PURPLE NON AMP

Logo

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVEBhHEZsE75GDGNVdsSgv5XpKUWcZz86JvdQtkdcN9LS_zgYjfWL1vgE4UQZNjon45Is5D-AlPQ7YVyzvrR2VRMcete8RUm4H5Hp5fLL1zCWPcNvSv5WwcEGJRNpnBXAvfYVnqqnFiZM/s1600/pla.png

Size Logo 30px height: 30px

Primary Menu

<nav id='menu'>
<input type='checkbox'/>
<label>&#8801;</label>
<ul>
<li><a href='#'>Asia</a></li>
<li><a href='#'>Eropa</a></li>
<li><a href='#'>Australia</a></li>
<li><a href='#'>Amerika</a></li>
<li><a href='#'>Afrika</a></li>
<li><a href='#'>Antartica</a></li>
</ul>
</nav>

Replace # with destination URL

Menu Grid

<div class='nav-amp1'>
<div class='nav_grid'>
<ul class='sc_vertical'>
<li class='count-nav'><a href='#'><span class='icon'></span><span class='items'><span class='label'>Business</span></span></a></li>
<li class='count-nav1'><a href='#'><span class='icon'></span><span class='items'><span class='label'>Fashion</span></span></a></li>
<li class='count-nav2'><a href='#'><span class='icon'></span><span class='items'><span class='label'>News</span></span></a></li>
<li class='count-nav3'><a href='#'><span class='icon'></span><span class='items'><span class='label'>Health</span></span></a></li>
<li class='count-nav4'><a href='#'><span class='icon'></span><span class='items'><span class='label'>Tech</span></span></a></li>
<li class='count-nav5'><a href='#'><span class='icon'></span><span class='items'><span class='label'>Sport</span></span></a></li>
<li class='count-nav6'><a href='#'><span class='icon'></span><span class='items'><span class='label'>Music</span></span></a></li>
<li class='count-nav7'><a href='#'><span class='icon'></span><span class='items'><span class='label'>Word</span></span></a></li>
</ul>
</div>
</div>

Replace # with destination URL

Menu Grid Icon CSS

.nav_grid .count-nav .icon:before{content:"\f0b1";font-family:FontAwesome;font-size:40px}
.nav_grid .count-nav1 .icon:before{content:"\f07a";font-family:FontAwesome;font-size:40px}
.nav_grid .count-nav2 .icon:before{content:"\f083";font-family:FontAwesome;font-size:40px}
.nav_grid .count-nav3 .icon:before{content:"\f0f1";font-family:FontAwesome;font-size:40px}
.nav_grid .count-nav4 .icon:before{content:"\f17a";font-family:FontAwesome;font-size:40px}
.nav_grid .count-nav5 .icon:before{content:"\f091";font-family:FontAwesome;font-size:40px}
.nav_grid .count-nav6 .icon:before{content:"\f001";font-family:FontAwesome;font-size:40px}
.nav_grid .count-nav7 .icon:before{content:"\f0ac";font-family:FontAwesome;font-size:40px}

Replace the content icon with the Awesome Font icon you want

To see the icon form, please see the link below

http://fontawesome.io/icons/

And to know the awesome CSS font code please paste the CSS Url in your browser. it will show all CSS Icon

https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

Icon Label on Homepage

/*---- Icon Tag ----*/
a.Fashion:before {content:"\f07a"}
a.News:before {content:"\f083"}
a.Business:before {content:"\f0b1"}
a.Health:before {content:"\f0f1"}
a.Nature:before {content:"\f1bb"}
a.Food:before {content:"\f284"}
a.Sports:before {content:"\f091"}
a.Music:before {content:"\f001"}
a.Technology:before {content:"\f17a"}
a.Word:before {content:"\f0ac"}
a.Video:before {content:"\f144"}
a.Children:before {content:"\f1ae"}
a.Photography:before {content:"\f03e"}
a.Beauty:before {content:"\f004"}

Replace each of the Label icons according to the label name

Sidebar - Fanspage

<iframe width="300"
      height="214"
      sandbox="allow-scripts allow-same-origin allow-popups"
      frameborder="0"
      scrolling="no"
    src="https://cdn.rawgit.com/basrimedia/media/d822862b/goomlike.html?page=goomsite">
  </iframe>

Replace username fanpage "goomsite" without quotation marks with your username fanpage