PENGATURAN TEMPLATE PURPLE NON AMP

Logo

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsbJ8caShvf0YSoESlmRdJ4Ck4-cK-DzfkU6aEpGgaPuMd9wIzmrOu-VxlYHc1eNMuFZu5g3pyTiQEKscnbqOsZQniQx_udjLUYQMHynerK1f2y1S6K2uN3WzByKiMkUfmhktLNmq0_vk/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

AULIAN V2

PENGATURAN TEMPLATE PURPLE NON AMP

PENGATURAN TEMPLATE PURPLE NON AMP

Pesan via WhatsApp!

Pengiriman Fleksibel

Metode Pembayaran Lengkap

Toko WA+

Hubungi Kami