Material SERP universal template
Screenshot by Samsung Galaxy SM-G355H rooted
  • Nama : Material SERP
  • Author:
  • Feature : Google Material Design Color, 100% Responsive, Full Color
  • Category : Material Design, Flat, Responsive
  • Tag : Template NextWapBlog, Template BlogPonsel, Template GetXid, Template NetXav, Custom Template XtGem
  • Description : Material SERP is taken from default template of GetXid and modify by me to make a new template and skin and customizable for SERP.

Direction / How to Use

Cara Mengganti skin dari template ini sebenarnya cukup mudah, anda tinggal menambahkan nama class pada tag body saja, lebih jelas lihat sintaks highlight dibawah :

Sebelum disunting :

<body class="{{ active_page }}">

Setelah disunting :

<body class="{{ active_page }} style-amber">

Untuk mengganti browser color bar sebagai berikut :

Sebelum disunting :

<meta name="theme-color" content="#D50000" />

Setelah disunting :

<meta name="theme-color" content="#006064" />

Untuk warna browser color bar agar dapat sinkron dengan skin anda bisa lihat tabel dibawah.

Anda bisa mengganti skin sesuai warna yang ada dan tertera pada tabel di bawah ini :

Color Name Class Name Browser Color Bar
Pink style-pink #880E4F
Purple style-purple #4A148E
Deep Purple style-deep-purple #311B92
Indigo style-indigo #1A237E
Blue style-blue #0D47A1
Light Blue style-light-blue #01579B
Cyan style-cyan #006064
Teal style-teal #004D40
Green style-green #1B5E20
Light Green style-light-green #33691E
Lime style-lime #927717
Yellow style-yellow #F57F17
Amber style-amber #FF6F00
Orange style-orange #E65100
Deep Orange style-deep-orange #BF360C
Brown style-brown #3E2723
Grey style-grey #212121
Blue Grey style-blue-grey #263228
Night Mode style-night #000000
Red is default color

# Live Demo

# Download link

NextWapBlog Material SERP master