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 instruksi warnanya akan otomatis tersalin.
Dengan kata lain Material Design Color Palette ini akan mmpermudah teman untuk menulis sebuah instruksi dari warna tanpa harus mencarinya melalui web penyedia instruksi warna untuk html. Namun perlu teman ingat, dalam menentukan sebuah warna teman perlu memperhatikan wanra background dari sebuah elemen harus kontras dengan warna teks biar 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 biar 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 instruksi 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.
Dengan kata lain Material Design Color Palette ini akan mmpermudah teman untuk menulis sebuah instruksi dari warna tanpa harus mencarinya melalui web penyedia instruksi warna untuk html. Namun perlu teman ingat, dalam menentukan sebuah warna teman perlu memperhatikan wanra background dari sebuah elemen harus kontras dengan warna teks biar 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 biar 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 instruksi 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 instruksi 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/AVvXsEjTX3XODOwMsK7s5iIsvRA-zY8vp2ScfF05J7wgb64QD8v_YRMg31fx_bdFrH0-3NNieOqcGvHqkqZPRrm75EHmG08FDtMH3jgMKEF8OVykW9ure0d6cWM9Rl4ISk9jbcBi_npFLIdXQN8/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 instruksi 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.
0 Response to "Membuat Material Design Color Palette Di Halaman Statis Blog"
Post a Comment