Belakang ini, Saya sibuk atau tepatnya menyibukkan diri membuat tema (tempelate) yang bisa dipasang pada blog di Blogger. Kebetulan juga saat ini Saya tidak lagi bekerja karena terdampak efisiensi dan menjadi korban PHK jalur undur diri.
Pembuatan tema tersebut terinisiasi saat kepikiran bagaimana kalau nantinya Blogger 'memaksa' penggunanya menggunakan Layout Versi 3?
Saat ini memang sudah ada tema bergenre itu misal Contempo, Soho, Emporio, Notable, dan Essential.
Tapi... buat Saya, lebih terlihat tema untuk tersebut lebih korperat ketimbang personal. Jadi, Saya memutuskan untuk membikin sendiri alias otak-atik dimulai dari tema Contempo.
Ternyata Saya sudah shock lebih dulu dan akhirnya menyerah karena lelah mempelajari deretan kode baik HTML maupun CSS yang ada pada tema Contempo tersebut.
Seng-iseng Saya meminta panduan pada AI-nya Google.
Karena prompt yang tidak tepat, malah masih bingung (^_^).
Kemudian setelah habis satu gelas kopi dan entah berapa batang r*k*k, akhirnya Saya meminta dibikinin kerangka tema dengan rincian:
- Tolong buatkan Tema Baru (layoutsVersion='3' & defaultwidgetversion='2').
- 1. Susunan layout Desktop:
- Atas: Header.
- Tengah: Sidebar Kiri, Ruang Postingan dan Sidebar Kanan.
- Footer.
- 2. Susunan layout Mobile:
- Header
- Ruang Postingan
- Sidebar Kiri
- Sidebar Kanan
- Footer
- 1. Susunan layout Desktop:
- Lainnya:
- Tag Heading h1 dinamis dimana saat Postingan diakses maka Judul Postingan adalah h1.
- Pada sidebar kiri sudah ada widget Random Posts.
- Pada sidebar kanan sudah ada widget Recent Posts.
- Pada ruang posting sudah ada widget Related Posts yang letaknya di bawah post-footer.
- Gambar yang ada di ruang posting sudah WebP (biarpun format yang saat di upload adalah jpq dan sejenisnya.)
- Gambar latar blog bisa berubah mengikuti gambar yang ada pada ruang posting.
- Sudah ada tag script meta data untuk keperluan Rich Snippet yang valid.
- Penggunaan script (misalnya untuk widget) dari Blogger bisa efisien.
Setelah mendapatkan filenya kemudian dipasang langsung pada blog ternyata memang tampilannya belum personal alias belum seperti yang Saya mau.
Langsung tancap gas untuk ngotak-ngatik karena ada beberapa masalah yang mesti tuntas mulai dari widget yang belum berfungsi dengan baik, skrip rich snippet yang invalid juga tampilannya.
Nah untuk tampilan ini, Saya mengambil inspirasi dari tiga serangkai css, yaitu:
- 98.css (https://jdan.github.io/98.css/) yang kemudian Saya terapkan pada sebagian halaman beranda.
- XP.css (https://botoxparty.github.io/XP.css/) pada sebagian halaman beranda tapi diterapkan seluruhnya pada halaman indeks.
- Sedangkan pada ruang postingan, Saya menerapkan 7.css (https://khang-nd.github.io/7.css/) seluruhnya
Ya, ga bagus-bagus amat, sih! Tapi paling engga udah seperti yang Saya mau.
Dari pengalaman Saya ini jadi tahu kalo bikin tema itu melelah tapi kalo sesuai katanya hati, puasnya tuh disini!
