Kompi Flexible, Template Premium Pertama Kompi Ajaib

Kompi Flexible, Template Premium Pertama Kompi Ajaib
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.


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:
  • 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.

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments