Ditulis oleh: Ditulis pada: 12/20/2019
Kompi Flexible adalah template premium pertama yang saya buat. Sesuai dengan namanya, flexible artinya lentur dalam hal ini template ini responsive dengan penyempurnaan responsive dari beberapa template gratis yang sebelumnya telah saya buat.
Template ini benar-benar custom dengan valid HTML5 tanpa menggunakan jquery library untuk menghindari render-blocking js di pagespeed. Template ini juga mendukung widget-widget bawaan Blogger meskipun CSS Reset dan widget.js Blogger disembunyikan.
Kompi Flexible cocok untuk blog personal, mendukung postingan video Youtube dan otomatis akan memiliki thumbnail video di homepage. Search box menggunakan Google Custom Search dengan Overlay untuk layout hasil pencarian dengan setting yang mudah. Mendukung tag table, pre, code di dalam postingan. Saya sudah mencoba di 3 browser, Chrome, Firefox, IE dan template berjalan sempurna.
Demo di atas sesuai dengan update terbaru Kompi Flexible v9 saat ini.
Jika Anda tertarik untuk menggunakannya silahkan kontak saya di email kompiajaib@gmail.com. Saya kasih harga $9 untuk template Kompi Flexible ini dengan full support dan free update. Pembayaran bisa melalui BRI dan paypal.
Update Ke-1:
Ada permintaan dari mas Febri Tri Harmoko untuk multi author dan lightbox image blogger. Untuk yang sudah membeli template v1.00 yang memerlukan multi author dan lightbox image blogger silahkan email saya, nanti saya kirimkan tutorialnya. Untuk pembeli selanjutnya bisa meminta template v1.00 atau v1.10 yang sudah menggunakan multi author dan lightbox image blogger.
Update Ke-2:
Ada beberapa perbaikan pada update kali ini, di antaranya:
Silahkan lihat Di sini.
Beraneka ragam cara Blogger dalam membuat artikel, di antaranya banyak juga yang membuat artikel di microsoft word kemudian di paste di editor blog. Tentunya hal ini bisa mempengaruhi tampilan postingan karena biasanya artikel seperti ini menggunakan style untuk font sehingga tampilan tulisannya akan error. Nah hal ini sudah diperbaiki pada update kali ini sehingga tampilan postingan tidak akan berubah walaupun artikel dari microsoft word.
Pada beberapa kasus yang saya jumpai, ada beberapa blog yang tidak bisa menampilkan related post dan recent comments. Ternyata hal ini karena feed blog dialihkan ke feedBurner. Nah untuk pengguna template ini dan kebetulan Anda mengalami hal ini, maka silahkan hapus Post Feed Redirect URL ke feedBurner tersebut di Dashboard >> Setting >> Others >> Post Feed Redirect URL.
- Memperbaiki caption image di postingan.
- Merubah photo author agar tampil otomatis.
- Memperbaiki tampilan widget arsip Blogger.
- Memperbaiki tampilan lightbox Blogger.
- Menambahkan javascript untuk menutup menu dengan klik dari luar widget.
- Mengganti related post dari related post Maskolis ke related post DTE agar tidak error HTML5 untuk label dua kata atau lebih.
Silahkan lihat Di sini.
Beraneka ragam cara Blogger dalam membuat artikel, di antaranya banyak juga yang membuat artikel di microsoft word kemudian di paste di editor blog. Tentunya hal ini bisa mempengaruhi tampilan postingan karena biasanya artikel seperti ini menggunakan style untuk font sehingga tampilan tulisannya akan error. Nah hal ini sudah diperbaiki pada update kali ini sehingga tampilan postingan tidak akan berubah walaupun artikel dari microsoft word.
Pada beberapa kasus yang saya jumpai, ada beberapa blog yang tidak bisa menampilkan related post dan recent comments. Ternyata hal ini karena feed blog dialihkan ke feedBurner. Nah untuk pengguna template ini dan kebetulan Anda mengalami hal ini, maka silahkan hapus Post Feed Redirect URL ke feedBurner tersebut di Dashboard >> Setting >> Others >> Post Feed Redirect URL.
Changelog:
v1.00 - 25/03/2015
- Rilis Template
v1.10 - 28/03/2015
- Penambahan Multi Author
- Penambahan Lightbox Image Blogger
v1.20 - 03/06/2015
- Memperbaiki caption image di postingan.
- Merubah photo author agar tampil otomatis.
- Memperbaiki tampilan widget arsip Blogger.
- Memperbaiki tampilan lightbox Blogger.
- Menambahkan javascript untuk menutup menu dengan klik dari luar widget.
- Mengganti related post.
- merubah sedikit tampilan homepage-nya agar aman di Pagespeed Insights.
- Struktur Data kini sudah fix.
- Loading blog kini sudah lumayan ringan.
- Penambahan Menu Page di navbar.
- Beberapa perubahan lainnya seperti related posts, search box, memperbaiki beberapa javascript, dan lainnya.
- Memperbaiki error di struktur data testing tool untuk schema.org.
- Men-defer hampir semua javascript (tidak semua javascript bisa di-defer) termasuk javascript komentar Blogger, Google+ JS dan CSS Reset Blogger.
- Penambahan author di homepage karena memang diperlukan untuk struktur schema.org.
- Melengkapi dengan tempat iklan di bawah header, di atas postingan, dan di bawah postingan.
- Menambahkan custom scrollbar di Menu Hide.
- Merubah menu pada tampilan mobile menjadi lebih simple dengan show hide dengan menambahkan sosial profil dan search box dan hanya menampilkan ikon menu.
- Merapihkan show hide search box.
- Merubah tampilan popular post dan related post agar tidak terlalu polos dengan efek hover pada title dan snippet.
- Merubah tampilan subscribe box.
- Sedikit menyembunyikan blog pager dan menampilkannya dengan hover bagian sisi blog agar tidak menghalangi artikel pada tampilan mobile.
- Sedikit merubah tampilan kolom komentar.
- Mengganti tombol share default blogger dengan tombol share ala Kompi Ajaib dengan tombol share Whatsapp untuk mobile.
- Menambahkan custom JS Blogger.
- Memperbaiki struktur data untuk postingan tanpa gambar.
- Dan beberapa perbaikan kecil lainnya.
- Mengganti sistem komentar Kompi Flexible menjadi 3 sistem komentar Blogger, Disqus, dan Facebook.
- Mengganti tombol berbagi dengan responsive sharing button with count.
- Navigasi halaman yang tadinya melayang di sisi kiri dan kanan blog, saya pindahkan ke bawah postingan dan mengganti dengan Title Postingan agar langsung terlihat oleh pengunjung.
- Update kali ini merupakan update besar, bukan hanya loading blog saja yang ditingkatkan, tetapi SEO template dan tampilan template juga berubah.
Tgl. 24/06/2019: Update v8.20
- Meningkatkan loading blog, silahkan cek dengan lighthouse dan pagespeed insights.
- Memperbaiki meta tag
- Memperbaiki lazyload image
- Validasi Struktur data dan HTML5
- Menambahkan background gradasi
- Merubah tampilan post homepage di mobile
- Beberapa perbaikan lainnya
Tgl. 29/06/2019: Update v8.30
- Memperbaiki lazyload image yang tidak support di beberapa browser.
Tgl. 04/07/2019: Update v8.40
- Memperbaiki lazyload untuk support HTTPS. Ini untuk memperbaiki blog yang menggunakan logo image. Entah kenapa Blogger tidak/belum support HTTPS untuk logo image blog sehinggan ini menyebabkan mixed content. Untuk itu saya memodifikasi lazyload untuk mengganti
http://atauhttps://menjadi//sehingga jika ada gambar blogger yang menggunakanhttp://tidak akan menyebabkan mixed content.
Tgl. 20/12/2019: Update v8.60
Update ini untuk menambahkan auto webp Statically, Anda hanya perlu mengganti URL JS seperti berikut ini:
Silahkan cari URL JS berikut, ada 2 buah.
https://cdn.jsdelivr.net/gh/KompiAjaib/js@master/kompiflexible8_home5.min.jsSilahkan ganti angka 5 yang ditandai dengan angka 6.
Dan silahkan cari juga URL JS berikut, ada 2 buah.
https://cdn.jsdelivr.net/gh/KompiAjaib/js@master/kompiflexible8_post15.min.jsSilahkan ganti angka 15 yang ditandai dengan angka 16.
Tgl. 14/07/2020: Update v9