Cara Membuat Halaman Color Palettes / Color Picker Valid AMP

kutubuku.myid-Cara Membuat Halaman Color Palettes / Color Picker Valid AMP-Assalamualaikum wr.wb, hai sobat kutubuku.my.id, ketemu lagi bersama mimin di sini. kali ini mimin akan sedikit membahas mengenai Cara Membuat Halaman Color Palettes / Color Picker Valid AMP.

sedikit akan mimin berikan penjelasan tentang palettes / color picker, ini merupakan tampilan pada halaman yang full color atau warna warni dari yang terang, sedang sampai gelap. color pallet ini berfungsi biasanya digunakan untuk para programmer jika ingin memilih warna warna html sesuai dengan keinginan mereka.

Membuat halaman color pallets di dalam blog AMP sangat sangatlah mudah, namun beda halnya jika anda menggunakan tamplate valid AMP karena tidak sembarangan anda dapat menempatkan kode di dalamnya.

kita semua sudah mengetahui kalau template AMP semuanya sudah support dengan javascript, jadi tidak menggunakan kode yang asal-asalan yang ujungnya akan membuat blog kalian menjadi error.

oke jangan kawatir kawan, disini mimin akan membuat kalian menjadi lebih mudah dan paham tentang membuat halaman color pallets pada AMP. 

oke, pertama kalian masuk ke blogger yang kalian punya masing-masing.

jika sudah, pilih menu halaman dan buatlah halaman baru dengan judul yang kalian inginkan.

oke setelah itu kita beralih ke halaman menulis artikel, kita ubah dulu tampilannya ke tampilan HTML dan pastekan kode yang telah mimin siapkan di bawah ini ke dalamnya.

"<amp-iframe frameborder="0" height="575" layout="fixed-height" noloading="" sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups" src="https://cdn.staticaly.com/gh/KompiAjaib/kompi-html/master/color-palettes2.html" title="Color Palette">

<amp-img height="575" layout="fixed-height" noloading="" placeholder="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTNTFbCJJpE84qfaAC7pqdXqh3yIU9u4pdTxQ0kcUDzjOtgRMoUNq0AfI-1N4pADnIapHJ6OEtmKQid6QFONcBSlJQdbdQadUI-f9S2WlxpVXkmR_ozCG_MXnfSzChUsVggrs76gnCiJE/s1600/back.png" width="auto">
</amp-img>
 

</amp-iframe>"

setelah itu, jangan lupa untuk menyimpannya.
sekarang kalian lihat halaman tersebut, hasilnya sangat bagus bukan?

Mungkin hanya itu yang bisa mimin bagikan untuk saat ini, moga di lain hari mimin bisa membuat artikel yang lebih baik dan lebih bermanfaat lagi untuk kalian.

Jangan lupa untuk bagikan artikel ini jika kalian suka agar teman-teman kalian juga dapat ilmu yang sama.
akhir kata, wassalamualaikum, wr.wb