Menyimpan Material Design Color Palette Di Blog

Sebenarnya color palette ini dari Material Design yang lalu aku buat biar dapat dipasang dengan gampang di blog.

Di sini aku menambahkan copy clipboard.js biar menjadi gampang dalam mengambil atau mengcopy instruksi hex dari warna yang kita pilih.

Kita tinggal klik pada warna yang kita inginkan lalu paste di style yang sedang kita buat atau edit.

Sebagai live demonya, siahkan coba di halaman color palette ini.

Demo

Jika Anda ingin menyimpannya di blog Anda, silahkan simpan instruksi berikut di halaman postingan atau halaman static pada mode HTML.

1. Untuk blog AMP

 <amp-iframe noloading title="Menyimpan Material Design Color Palette Di Blog"
               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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6p-H3KzNrJES_vLxxXr4mYnPn0biijjRKPi6YFEA-HeoVL_ZJT3nllKnipCCWEbAalkYS7jwhmbKH60fdCPiC4OUTkZXy_f_CQpFYjCL27EFVRE3sY8bRfbyfVlhRXpxkO3EGARMPjs8/s1600/placeholder.png"
              layout="fixed-height"
              height="575"
              width="auto"
              placeholder>
     </amp-img>
   </amp-iframe>

Dan pastikan di halamannya sudah ada amp-iframe.js

2. Untuk blog Non AMP

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

Semoga bermanfaat.

Share this post