Membuat Material Design Color Palette Di Halaman Statis Blog
Membuat Material Design Color Palette di Halaman Statis Blog - Material Design Color Palette merupakan kumpulan warna yang sanggup teman gunakan untuk mendesain atau mempercantik tampilan elemen blog dengan pilihan warna yang sanggup teman pilih dengan hanya dengan 1 klik saja. Material Design Color Palette sanggup di bilang juga color pcker yang artinya teman hanya perlu mengklik salah satu warna yang teman kehendaki, dan dengan warna pilihan yang teman pilih, maka otomatis isyarat warnanya akan otomatis tersalin.
Dengan kata lain Material Design Color Palette ini akan mmpermudah teman untuk menulis sebuah isyarat dari warna tanpa harus mencarinya melalui web penyedia isyarat warna untuk html. Namun perlu teman ingat, dalam menentukan sebuah warna teman perlu memperhatikan wanra background dari sebuah elemen harus kontras dengan warna teks semoga perpaduan dari warna background / latar sesuai dengan warna teks yang dipakai (user friendly) dan nyaman dibaca.
Material Design Color Palette ini dari Material Design yang kemudian di modifikasi oleh Kang Andy semoga supaya sanggup di pasang di blog dengan gampang dan berfungsi menyerupai aslinya. Dan di dalam Material Design Color Palette ini juga sudah di sisipkan script clipboard.js yang fungsnya untuk mempermudah teman untuk menyalin isyarat hex warna yang di pilih dengan hanya satu klik saja.
Live Demo
Setelah teman melihat live demonya dan ingin memasangnya di halaman statis blog sobat, silahkan ukuti tutorial berikut :
Simpan / Publish
Simpan / Publish
Demikian tutorial Cara Membuat dan Memasang Material Design Color Palette di Halaman Statis Blog kali ini semoga bermanfaat. Selamat Mencoba dan Salam Luar Biasa. Sumber https://www.pehawe.info/
Dengan kata lain Material Design Color Palette ini akan mmpermudah teman untuk menulis sebuah isyarat dari warna tanpa harus mencarinya melalui web penyedia isyarat warna untuk html. Namun perlu teman ingat, dalam menentukan sebuah warna teman perlu memperhatikan wanra background dari sebuah elemen harus kontras dengan warna teks semoga perpaduan dari warna background / latar sesuai dengan warna teks yang dipakai (user friendly) dan nyaman dibaca.
Material Design Color Palette ini dari Material Design yang kemudian di modifikasi oleh Kang Andy semoga supaya sanggup di pasang di blog dengan gampang dan berfungsi menyerupai aslinya. Dan di dalam Material Design Color Palette ini juga sudah di sisipkan script clipboard.js yang fungsnya untuk mempermudah teman untuk menyalin isyarat hex warna yang di pilih dengan hanya satu klik saja.
Live Demo
Setelah teman melihat live demonya dan ingin memasangnya di halaman statis blog sobat, silahkan ukuti tutorial berikut :
Material Design Color Palette untuk Blog AMP
Login ke Blogger > Halaman/Page > Copy Paste isyarat dibawah ini (Mode HTML)<amp-iframe noloading title="Membuat Material Design Color Palette di Halaman Statis 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/AVvXsEgrhGzFdFXDnEl9F6Kkv6H18etBIkSezfBIsOIYj-sN2Pz5PHB-eqhTQhW0pOmXbsfabKy8d-4cY8kVCOsNw1nj9xvPVcegDL-c6OHISw9r1FeGA7Vt58yk5bzJHhTRlHy_YuGa-ZpjDo0/s1600/placeholder.png" layout="fixed-height" height="575" width="auto" placeholder> </amp-img> </amp-iframe>
Simpan / Publish
Pastikan di halamannya sudah ada amp-iframe.js
Material Design Color Palette untuk Blog AMP
Login Blogger > Halaman/Page > Copy Paste isyarat dibawah ini (Mode HTML)<iframe title="Membuat Material Design Color Palette di Halaman Statis Blog" src="https://cdn.rawgit.com/KompiAjaib/kompi-html/master/color-palettes2.html" frameborder="0" style="height:575px;width:100%"></iframe>Simpan / Publish
Demikian tutorial Cara Membuat dan Memasang Material Design Color Palette di Halaman Statis Blog kali ini semoga bermanfaat. Selamat Mencoba dan Salam Luar Biasa. Sumber https://www.pehawe.info/