AMP

Menggunakan Skin Blogger Hanya Untuk Halaman Layout

Untuk itu, kita gunakan skin blogger hanya untuk halaman layout, sehingga tidak akan menyebabkan error validasi HTML5 ataupun AMP HTML.Skin BloggerApa sih skin blogger itu? Skin blogger adalah sebuah tag untuk CSS custom blogger dengan kode dan penampakannya pada HTML menjadi Jika Anda sering kutak-katik edit HTML Blogger, maka Anda akan

Membuat Particle Animation Dengan Canvas Pada AMP HTML

Padahal dengan kreatifitas dan imajinasi, kita bisa membuat halaman AMP menjadi aktraktif dan tidak kalah menarik dengan halaman web biasa yang menggunakan javascript atau jquery.Salah satu elemen yang bisa membuat halaman web menjadi menarik dan aktraktif adalah membuat particle animation dengan canvas. Saya kadang suka main-main dengan cursor ketika menjumpai sebuah halaman dengan particle

Menambahkan Widget Label Blogger Pada Amp-sidebar

Dan beragam cara untuk menampilkan widget label ini, dan yang paling biasa adalah menyimpan widget label di sidebar atau footer blog.Nah kali ini kita akan menyimpan atau menambahkan widget label blogger ini pada amp-sidebar bagi blog yang menggunakan AMP HTML.Amp-sidebar ini biasa digunakan sebagai show hide menu pada blog AMP. Dan widget label ini akan …

Menambahkan Widget Label Blogger Pada Amp-sidebar Selengkapnya »

Optimalkan Halaman Blog Dengan Link rel=”preload”

Secara sederhana ini adalah tentang cara memberitahu browser untuk memuat lebih cepat sumber daya berbasis script tanpa penundaan.Selain dengan 3 poin yang sudah saya sebutkan pada postingan sebelumnya, trik yang satu ini penting untuk dilakukan untuk semakin mengoptimalkan kecepatan pemuatan halaman, khususnya untuk ponsel.Dengan ini kita memberitahu

Optimasi Halaman Dengan Mengganti GIF Animation Dengan Video

Mengapa video bisa menggantikan GIF Animation untuk optimasi kecepatan loading halaman?Karena pada dasarnya GIF Animation dan video memiliki konsep yang sama yaitu gambar bergerak. Namun di sisi lain, format video bisa memiliki size yang lebih kecil dari GIF Animation.Berikut ini saya memilik 2 file GIF dan video dari konten yang sama dari GIPHY. File video …

Optimasi Halaman Dengan Mengganti GIF Animation Dengan Video Selengkapnya »

Komponen AMP Bisa Dipakai Di Halaman Non AMP

Jika Anda menggunakan blog non AMP, Anda bisa menggunakan komponen AMP jika Anda tertarik untuk menggunakannya.Seperti contohnya, jika Anda tertarik untuk mencoba menggunakan scroll to top AMP yang sudah saya share sebelumnya. Anda bisa memasang scroll to top AMP tersebut pada blog non AMP Anda.Yang penting dilakukan agar elemen AMP bisa dipasang di halaman non …

Komponen AMP Bisa Dipakai Di Halaman Non AMP Selengkapnya »

Update Template Premium Kompi Minimalis AMP v6

Sebenarnya hal ini (URL amp=1) sudah saya coba cukup lama pada blog Bloggue.web.id dan tidak langsung membagikan update template Kompi Minimalis AMP. Saya harus coba dulu penggunaan URL amp=1 ini, melihat kemungkinan error atau notice tentang AMP di Google Search Console.Dan ternyata sampai saat ini tidak ada notice error pada AMP di console. Untuk itu …

Update Template Premium Kompi Minimalis AMP v6 Selengkapnya »

Update Template Kompi Ajaib AMP HTML Versi 3

Oleh karena itu, untuk kesabarannya menunggu update tema Kompi Ajaib AMP HTML, saya kasihkan TEMA YANG SEKARANG DIGUNAKAN. Ya… tema yang sekarang digunakan di Kompi Ajaib ini. DEMO Lha… katanya gak dijual kang?Tadinya iya, tema yang digunakan sekarang ini tidak akan saya jual meski saya tahu ada yang clonning dan menjualnya.Tapi setelah dipikir cukup lama …

Update Template Kompi Ajaib AMP HTML Versi 3 Selengkapnya »

Mengatasi Warning Webmaster Image Size Smaller Than Recommended Size

Untuk itu saya terus menelusuri semua link yang diberikan tentang warning ini. Nah untuk memperbaikinya, kita harus menggunakan gambar yang lebih besar sesuai dengan pedoman Google.Untuk struktur data schema.org untuk tipe Article, NewsArticle, dan BlogPosting, untuk item ImageObject harus menggunakan gambar besar, setidaknya lebar gambar minimum 1200px dengan rasio 16:9, 4:3, atau 1:1.Jadi