Skip to main content

Cara Membuat Halaman Color Palettes / Color Picker Valid AMP

Cara Membuat Halaman Color Palettes / Color Picker Valid AMP

Color Palettes / Color Picker adalah salah satu halaman yang berisi berbagai macam warna mulai dari yg terang hingga gelap.  Color Palettes / Color Picker berfungsi untuk mempermudah para desainer blogger dalam memilih kode warna yang sesuai dengan keinginan.

Pada postingan sebelumnya saya sudah membuat satu tool yaitu Parse koding postingan, silahkan di coba di buat di blog kalian untuk mempermudah dalam memasukkan kode kedalam postingan, oke lanjut ke pembahasan.

Biasanya membuat halaman Color Palettes / Color Picker di blogger non AMP sangatlah mudah, namun berbeda dengan blog yang menggunakan template valid AMP, karena AMP tidak sembarangan menggunakan kode.

Seperti yang di ketahui Template Valid AMP tidak support dengan javascript, jadi tidak bisa menggunakan kode yang salah, yang akan berujung error pada sistem AMP nya.

Nah jangan khawatir berikut ini saya akan membagikan Cara Membuat Halaman Color Palettes / Color Picker Valid AMP, untuk demo atau contohnya anda bisa melihat punya blog ini sendiri DISINI. Jika anda merasa bagus dan ingin membuatnya, mari lanjut ke tutorial.

Cara Memasang Halaman Color Palettes / Color Picker Valid AMP

Pertama silahkan anda masuk ke dashboard blogger kalian masing masing.

Pilih menu halaman pada sebelah kiri, lalu buat halaman baru dengan judul Color Palettes atau Color Picker

Lalu beralih dari Tampilan Menulis ke Tampilan HTML, dan pastekan kode di bawah ini.



<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://2.bp.blogspot.com/-JugcI6P219A/Xelyv9YNP_I/AAAAAAABMVo/oep5dyqqszQRbk6YjcFvyrV_LEYu-d1rgCLcBGAsYHQ/s1600/back.png" width="auto">
</amp-img>
</amp-iframe>

Jika sudah silahkan di save, dan lihat hasilnya.

Note

Untuk mempermudah menggunakannya, silahkan anda letakkan linknya pada navigasi blog kalian masing masing.

www.repick.net

NOTE : Konten yang ada di blog ini asli karya Gio Lesmana. Tidak diperkenankan mengambil isi konten tanpa izin. Traktir saya kopi melalui: Paypal.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar