PENGATURAN TEMPLATE PURPLE NON AMP
PENGATURAN TEMPLATE PURPLE NON AMP

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
PENGATURAN TEMPLATE PURPLE NON AMP

PENGATURAN TEMPLATE PURPLE NON AMP

Pesan via WhatsApp! - Proses Pemesanan Mudah ( via WhatsApp ) Instan checkout, tanpa registrasi / login.

Pesan via WhatsApp!

Proses Pemesanan Mudah ( via WhatsApp ) Instan checkout, tanpa registrasi / login.

Pengiriman Fleksibel - Kami menyediakan Layanan Pesan - Ambil ( Pickup ) & Pesan - Antar ( Delivery )

Pengiriman Fleksibel

Kami menyediakan Layanan Pesan - Ambil ( Pickup ) & Pesan - Antar ( Delivery )

Metode Pembayaran Lengkap - Bayar via Bank Transfer, E-Wallet atau PayPal? Bisa banget!

Metode Pembayaran Lengkap

Bayar via Bank Transfer, E-Wallet atau PayPal? Bisa banget!

Toko WA+

Template Blogger dengan fitur Toko Online berbasis WhatsApp + Keranjang Pesanan yang berguna untuk membantu "Pebisnis Online" menjual Produk maupun Jasa secara Instan & Efisien.

Hubungi Kami

Jl. Alamat Toko, No. 123 - Bandung 40241
Phone / WhatsApp. +62 89618885066
E-mail. info@website.com

PENGATURAN TEMPLATE PURPLE NON AMP https://aulianv23.blogspot.com/2018/10/pengaturan-template-purple-non-amp.html
( 0 ) 0