Update Template Premium Kompi Flexible Non AMP v8

Seperti kita ketahui bahwa kini kecepatan loading blog atau skor "hijau" pagespeed insight dijadikan faktor rangking di zaman index mobile sekarang ini oleh Google.
Untuk memenuhi faktor rangkin itu, maka template Kompi Flexible saya update agar mendapatkan skor "hijau" di pagespeed dan lighthouse.
Update kali ini merupakan update besar, bukan hanya loading blog saja yang ditingkatkan, tetapi

Cara Mudah Memperbaiki Dan Memodifikasi Tampilan Template Blog

Bagi yang suka mengutak-ngatik kode template blog, tentu saja sudah tidak asing dengan inspect element. Tapi bagi sebagian Blogger lainnya, masih belum mengerti tentang inspect element dan cara menggunakannya.
Dengan inspect element, kita bisa dengan mudah melihat kode web, mengetahui elemen-elemen yang ada di web baik untuk HTML maupun CSS.
Dan dengan itu, kita bisa mengetahui dengan mudah

Cara Mudah Mengganti Tag BR Menjadi P Pada Postingan Blogger

Seperti pada postingan saya sebelumnya tentang solusi iklan auto ads di tengah artikel blog, dengan menggunakan tag p untuk paragraf di dalam postingan blog, maka ini akan mempermudah auto ads menyisipkan iklan di dalam postingan di antara paragraf.
Dengan ini kita tidak perlu lagi menggunakan script untuk menyisipkan iklan di dalam postingan, sehingga kita bisa meminimalkan penggunaan script

All-head-content Custom Blogger Valid HTML5

Biasanya kode all-head-content ditempatkan di bawah title tag blog. Jika Anda mengikuti postingan tentang cara membuat tema custom blogger dari dasar, maka Anda akan menemukan kode all-head-content lebih jelas dan juga dapat mengetahuan kode apa saja yang dihasilkan dari kode all-head-content.
All-head-content Blogger ini penampakannya seperti berikut ini.

Bagian 3 Lanjutan Belajar Membuat Tema Kustom Blogger Dari Awal

Dengan ini kita akan membuat tema custom sederhana dan selanjutnya terserah Anda untuk mengembangkannya lebih lanjut agar sesuai dengan desain yang Anda inginkan.
Kemarin kita berhasil membuat blog dengan lebar penuh baik di desktop maupun ponsel, dan kini kita akan mengatur lebar blog pada tampilan desktop.
Tambahkan kode berikut di bawah kode

Dan tambahkan

Bagian 2 Lanjutan Belajar Membuat Tema Kustom Blogger Dari Awal

Setelah kemarin kita berhasil membuat sebuah custom template, tetapi tampilan dan lainnya masih sangat sederhana. Untuk itu diperlukan tindakan lanjutan, salah satunya yang akan kita lakukan sekarang adalah merubah dan membuat header blogger menjadi dinamis sehingga menjadi lebih SEO friendly.
Secara default, header blogger menggunakan tag H1 untuk semua halaman. Dan akan menjadi masalah jika

Belajar Membuat Tema Kustom Blogger Dari Awal

Contents


Mulai Belajar Membuat Tema Kustom Blogger Dari Awal
Membuat Halo Dunia
Mulai Membuat Postingan Blog
Kode-kode Tema Blogger
Membuat Header Blog
Membuat Sidebar Blog
Membuat Footer Blog
Membuat Style Untuk Tampilan Blog
Menampilkan Konten Head Default Blogger
Merapihkan Tampilan Tata Letak
Tindakan Lanjutan







Belajar Membuat Tema Kustom Blogger Dari Awal

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 Blogger
Apa sih skin blogger itu? Skin blogger adalah sebuah tag untuk CSS custom blogger dengan kode dan penampakannya pada HTML menjadi