Membuat Material Design Color Palette Di Halaman Statis Blog

Diposting pada

Membuat Material Design Color Palette Di Halaman Statis

Membuat Material Design Color Palette Di Halaman Statis Blog – Pada artikel kali ini saya ingin membahas Cara Membuat Material Design Color Palette Di Halaman Statis. Arti dari Color Palette tersebut merupakan sekumpulan warna yang disusun dan di-mix and match hingga memberikan kombinasi warna yang menarik mata.

Bila sobat menyukai yang nama nya gonta ganti warna template pada blog kalian pasti nya sangat membutuh kan kode – kode warna untuk mengetahui kombinasi warna apa saja yang cocok buat blog kalian.

Cara membuat material design Color Palette di halaman statis ini wajib kalian coba. Untuk mempermudah di saat sobat sedang mencari suatu kombinasi suatu warna. Sehingga sobat tidak perlu lagi untuk cari di google atau di web yang sudah menyediakan kumpulan material design Color Palette.

Material Design Color Palette ini sudah di lengkapi dengan auto copy paste cukup dengan sekali klik pada warna yang di tuju. Bila sobat ingin mencoba nya, sobat bisa ikuti langkah – langkah di bawah ini.

Baca Juga : Lazy Load Dapat Mempercepat Loading Blog

Cara Membuat Material Design Color Palette Di Halaman Statis

1. UNTUK BLOG AMP

Silahkan sobat copy kode di bawah ini, lalu letakan kode tersebut di halaman statis sobat.

<amp-iframe noloading title="Color Palette"
src="https://cdn.rawgit.com/KompiAjaib/kompi-html/master/color-palettes2.html"
height="575"
layout="fixed-height"
frameborder="0"
sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
<amp-img noloading src="https://2.bp.blogspot.com/-rRo__E6FsPs/Ws7U-IT8KNI/AAAAAAAAw_Q/qCwa6vKHgTIB-ytesdA4FlKrXMRYt5NMACLcBGAs/s1600/placeholder.png"
layout="fixed-height"
height="575"
width="auto"
placeholder>
</amp-img>
</amp-iframe>

2. UNTUK BLOG NON AMP

Silahkan sobat copy kode di bawah ini, lalu letakan kode tersebut di halaman statis sobat.

<iframe title="Color Palette" src="https://cdn.rawgit.com/KompiAjaib/kompi-html/master/color-palettes2.html" frameborder="0" style="height:575px;width:100%"></iframe>

Untuk Demo sobat bisa lihat pada gambar di atas atau di bawah ini.

DEMO

Bila sobat mempunyai akun github, sobat bisa menyalin atau memindahkan kode script color palette tersebut di akun github sobat. Bila sobat tidak mengetahui cara nya sobat bisa baca artikel Cara Hosting atau Upload File JavaScript HTML CSS di GitHub.

Mungkin itu saja yang bisa saya bagikan pada artikel kali ini, semoga artikel ini bisa bermanfaat buat sobat yang sedang mencari Cara Membuat Material Design Color Palette Di Halaman Statis Blog untuk AMP dan Non AMP. Selamat mencoba!

Kode Script By : kompiajaib

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *