Update Kompi Dark V2.00 Memperbaiki Loading Blog

Lagi, Kompi Dark Premium Blogger Template kembali saya update ke versi 2.00. Beberapa perbaikan dilakukan pada template Kompi Dark di antaranya memperbaiki loading blog di homepage, meng-update font awesome, dan mengganti sitemap blog.

Template Kompi Dark dengan tampilan grid di homepage ini memakai masonry untuk merapihkan susunan grid. Namun alasannya sebelumnya penyimpanan script masonry secara inline, sehingga ini mengakibatkan blocking render js. Untuk itu, dengan melaksanakan percobaan untuk men-defer script masonry, kesudahannya berhasil mengatasi blocking render js dari masonry.js. Kemudian untuk font awesome juga diupdate dari versi 4.5.0 ke versi terbaru 4.6.0.

Untuk para pengguna template Kompi Dark, ada tips untuk menampilkan thambnail postingan saat menciptakan postingan. Sebenarnya gambar pertama di postingan ini akan otomatis menjadi thumbnail post di atas postingan dan gambar pertama di postingan akan otomatis menghilang dengan tunjangan CSS berikut:

 .post-body>.separator:nth-of-type(1){display:none;visibility:hidden}

.separator ialah tag class yang membungkus image postingan blogger, dan .separator:nth-of-type(1) ialah tag .separator pertama, dan .post-body>.separator:nth-of-type(1) ialah tag .separatos pertama dan terdekat dengan .post-body.

Namun gambar pertama akan muncul terlebih dahulu gres lalu menghilang. Oleh alasannya itu, untuk menciptakan thumbnail postingan, silahkan upload gambar di awal postingan, lalu tambahkan tag class image pada tag class separator ibarat di bawah ini.

Tampilan awal gambar postingan ibarat di bawah ini.

 <div class="separator" style="clear: both; text-align: center;">
 <img alt=" Beberapa perbaikan dilakukan pada template Kompi Dark di antaranya memperbaiki loading bl Update Kompi Dark v2.00 Memperbaiki Loading Blog" height="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikj_yTHPjJ1wQeRTBkxFGm_QVL8Sd9U1xx1_TLLPUPXkdsRVOjvvTEBDdhPSZTh-grUVGSdnXHwHBtiG7D7su6flh3O5JjRkP-LiyDYzrRnpZ79cjtZTDfjD6shUXK3Z6ReeojArFt470/s1600/mojito.jpg" title="Update Kompi Dark v2.00 Memperbaiki Loading Blog" width="750" /></div>

Kemudian tambahkan class image menjadi ibarat di bawah ini.

 <div class="separator image" style="clear: both; text-align: center;">
 <img alt=" Beberapa perbaikan dilakukan pada template Kompi Dark di antaranya memperbaiki loading bl Update Kompi Dark v2.00 Memperbaiki Loading Blog" height="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikj_yTHPjJ1wQeRTBkxFGm_QVL8Sd9U1xx1_TLLPUPXkdsRVOjvvTEBDdhPSZTh-grUVGSdnXHwHBtiG7D7su6flh3O5JjRkP-LiyDYzrRnpZ79cjtZTDfjD6shUXK3Z6ReeojArFt470/s1600/mojito.jpg" title="Update Kompi Dark v2.00 Memperbaiki Loading Blog" width="750" /></div>

Dan cara menciptakan gambar postingan ibarat video di bawah ini, silahkan lihat dengan full screen biar lebih jelas.


Nah, untuk yang sudah memakai Kompi Dark Premium Blogger Template ini silahkan cek email-nya untuk update kali ini.

Bagi yang berniat ingin menggunakannya silahkan contact saya.


Sumber https://www.kompiajaib.com/

Share this post