Materi yang ingin saya bagikan hari ini adalah seputar template Oreo. Kebetulan, saya baru saja memperbarui template ini karena ada banyak permintaan dari teman-teman. Jadi, saya sudah membuat beberapa perbaikan, termasuk menambahkan fitur komentar menggunakan Disqus, opsi berbagi artikel melalui Telegram, dan beberapa peningkatan lainnya. Sekarang, mari kita cek performa template ini.
Langkah pertama, kita uji dengan GTMetrix. Pada tes pertama tadi, hasilnya sangat memuaskan. Template mendapatkan nilai A-Grade, dengan PageSpeed Score dan YSlow Score masing-masing 100%. Sangat mengesankan! Kita juga melakukan tes server di Tokyo (Asia), dan hasilnya tetap memuaskan. Dengan kecepatan seperti ini, saya cukup percaya diri bahwa template ini sudah cukup optimal. Selain itu, saya hanya menggunakan widget yang penting agar tampilannya tetap elegan tanpa mengorbankan performa.
Selanjutnya, kita coba melakukan pengujian menggunakan Lighthouse dari Google. Setelah proses generate selesai, template ini berhasil mencetak skor tinggi: SEO 100, Best Practices 100, dan Performance mencapai angka 90. Ada sedikit catatan terkait server response time yang bisa diperbaiki agar performa 100%. Tapi untuk sebuah template gratis, ini sudah lebih dari cukup menurut saya. Meskipun aspek aksesibilitas belum sempurna sepenuhnya karena beberapa masalah warna background dan foreground yang perlu disesuaikan, hal itu mudah diperbaiki jika Anda ingin mengubah warna sesuai preferensi.
Sekarang, mari lanjut ke panduan penggunaan. Saya sudah menambahkan beberapa fitur tambahan di template ini, termasuk Telegram untuk berbagi konten. Selain itu, komentar bawaan yang sebelumnya hanya menggunakan Google sekarang saya ganti dengan Disqus. Alasan utamanya adalah soal keamanan dan fleksibilitas. Dengan Disqus, keamanan lebih baik, terutama untuk mencegah spam di kolom komentar. Selain itu, Disqus memiliki fitur lazy load sehingga tidak mengganggu kecepatan blog.
Untuk teman-teman yang ingin mengganti warna pada bagian tertentu namun masih bingung caranya, saya akan berikan panduan dasar. Pertama, gunakan alat inspeksi elemen di browser Anda (Inspect Element). Misalnya, jika Anda ingin mengganti warna teks yang sedang berwarna merah (kode warna #ff0000), cukup klik pada bagian itu di Inspect Element dan pilih warna lain, misalnya biru (#0000ff). Salin kode warna tersebut, lalu cari elemen terkait melalui editor HTML (Ctrl + F untuk mencari). Masukkan kode warna yang baru di tempatnya. Sangat mudah dan cepat!
Banyak juga yang bertanya tentang cara memasang iklan pada template Oreo ini. Sebenarnya template sudah mendukung fitur auto-ads, jadi Google Ads dapat secara otomatis menyesuaikan tanpa perlu Anda atur secara manual. Namun, jika Anda ingin memasang iklan secara manual di beberapa lokasi tertentu, bisa dilakukan melalui editor HTML. Gunakan Ctrl + F untuk mencari kata "iklan" dalam kode, maka Anda akan melihat lokasi-lokasi yang telah disediakan: bagian atas (header), tengah konten, hingga bagian bawah halaman. Anda hanya perlu menambahkan kode iklan yang disediakan oleh jaringan iklan Anda di lokasi tersebut.
Semua langkah ini dirancang agar pengguna pemula sekalipun bisa dengan mudah mengelola template Oreo. Dengan minimal usaha tapi hasil maksimal, ditambah dengan kecepatan maksimal dan tampilan elegan, template ini sudah siap digunakan bahkan oleh blogger pemula!
