Apa yang Baru Dari Template Fletro pro

Apa yang Baru Dari Template Fletro pro

Terdapat banyak perubahan besar-besaran pada update kali ini, yang paling menonjol adalah perubahan layout blogger yang awalnya masih memakai versi jadul menjadi versi 3 yang lebih modern dan mudah di kustomisasi. Tampilannya juga diubah menjadi lebih minimalis dan bersih dengan perpaduan palette warna yang lebih cerah serta layout post yang lebih rapi membuat user lebih mudah membaca konten blog Anda.

Layout pada template ini dibuat dengan memperhatikan UX(user experience) yang terinspirasi dari beberapa konten di Dribbble dan Medium. Pemilihan font dan ukurannya serta warna teks juga lebih dioptimalkan, warna dari Dark mode atau yang biasa disebut mode malam juga lebih dioptimalkan, dan semua ini akan terus ditingkatkan sesuai dengan feedback dari user serta kaidah UX terbaru.


Layout v3 dan Widget v2

Dari segi tampilan mungkin perbedaan dengan versi lama tidak terlalu mencolok, tapi dari segi kode HTML template ini 100% berbeda dengan versi terdahulunya. Salah satu kelebihan Layout v3 adalah lebih mudah di gunakan dan di modifikasi. Jika di bandingkan dengan versi lama, layout versi baru ini lebih ringan dan simple, widgetnya pun lebih mudah untuk di kustomisasi.

Complete Widget Style

Pada template ini sudah disediakan style widget yang lebih lengkap, secara default semua widget utama(penting) sudah terinstal pada template ini namun hanya beberapa saja yang diaktifkan. Anda bisa memilih untuk mengaktifkannya atau tidak, bahkan jika Anda menambahkan widget baru otomatis style-nya akan berubah sesuai dengan style bawaan template ini.

Berikut beberapa widget yang sudah dilengkapi style default pada template fletro:
  • Widget Author dan Multiauthor
  • Widget Follow by Email
  • Widget Label (Cloud / List)
  • Widget Popular Post (2 style) - Widget ini ditampilkan dalam 2 style berbeda yang otomatis berubah ketika thumbnail diaktifkan atau tidak.
  • Widget Feed (Default recent post Blogger)
  • Widget Archive (2 style - Hierarchy dan List)
  • Widget Contact

Adaptive Header

Bukan responsive, tapi header yang beradaptasi berdasarkan layar ketika blog dibuka. Terutama tampilan Header Menu yang terlihat sangat berbeda ketika dibuka pada tampilan desktop dan mobile. Dalam UX bukan hanya tampilan template yang diperhatikan tetapi juga kenyamanan usernya.

Adalah keputusan yang buruk menggunakan hamburger menu pada tampilan dekstop jika dilihat dari segi UX walaupun alasannya untuk mempercantik tampilan responsive blog.

Baca : Avoid the Hamburger Menu for Desktop Layouts

Dalam template ini header menu akan ditampilkan standar dengan dropdown, namun akan sangat berbeda ketika dibuka pada ukuran layar yang lebih kecil (mobile). Ketika dibuka pada mobile, tampilan menu akan berubah jadi hamburger menu serta dilengkapi dengan icon dan link social media. Semua menu akan diubah/digabung dalam satu blog termasuk Setting Menu, inilah perbedaan utama template ini dengan template premium lain.

Lebih Mudah Mengubah Warna Template

Terutama warna latar header, jika Anda jenuh dengan tampilan background putih pada header template ini, Anda bisa mengubahnya dengan mudah, ditemplate ini juga sudah disetiakan background warna (gradasi) pada header, yang perlu Anda lakukan hanyalah menambahkan class 'gradient' pada header. Silahkan lihat demo serta tutorialnya disini semua dijelaskan secara terperinci sampai cara mengubah warna gradasinya.

Warna lain dari blog ini juga bisa Anda ubah melalui editor template blogger tanpa mengedit HTML template Anda.

Search Block
Alih-alih hanya menampilkan input teks ketika menekan tombol search, template ini menampilkan blok penuh halaman pencarian. Tak hanya itu, dalam search block juga ditampilkan saran topik pencarian berdasarkan label.

Horizontal Menu
Bedanya dengan template sebelumnya adalah Anda bisa memilih otomatis menampilkan menu ini berdasarkan label atau mengeditnya secara manual. Yang perlu Anda lakukan hanyalah mengaktifkan salah satu widget pada bagian horizontal menu ini dan menonaktifkan widget lainnya.

Switch Post Layout

Salah satu fitur baru dari template ini adalah Anda bisa mengubah layout post pada halaman index (homepage, label dan search page) menjadi mode grid atau list. Sebagaimana Dark Mode, perubahan layout ini juga akan selalu diterapkan ketika Anda mengunjungi blog ini kembali sampai Anda mengubahnya sendiri.

Multipost Layout
Terdapat 2 Layout pada halaman posting, Anda bisa memilih layout standar atau fullread(menghilangkan sidebar) pada artikel dengan label tertentu. Contoh tampilannya bisa Anda lihat pada postingan ini.

Page Split
Anda bisa membagi artikel atau postingan yang panjang kedalam beberapa halaman berbeda. Fitur ini sering dijumpai pada blog Tribun dan afiliasinya. Penggunaannya pun sangat mudah, silahkan pergi ke postingan ini untuk melihat demo-nya.

Related Posts 5 Style

Widget Related Posts
Widget Related Posts
Widget Related Posts
Widget Related Posts
Widget Related Posts

Seperti gambar diatas, terdapat 5 style berbeda dari related posts yang bisa Anda coba. Perbedaan paling mencolok dari style related posts tersebut akan terlihat ketika dibuka pada tampilan mobile.

Widget ini juga sudah support lazy image, jadi Anda tidak perlu khawatir tentang loading blog.

Widget Chat Whatsapp

Untuk memberikan kemudahan user berinteraksi dengan admin, kami menambahkan widget chat Whatsapp yang akan tampil di semua halaman kecuali halaman posting karena pada halaman tersebut tombol chat akan digantikan dengan tombol Back to Top.

Untuk fitur tambahan lain tidak tersedia secara default pada template ini, melainkan disediakan secara opsional yang untuk menambahkannya Anda bisa mengikuti tutorial yang ditulis pada blog ini.

Beri Masukan atau Laporkan Bug

Bagaimana menurut Anda tentang update kali ini? apakah sesua dengan ekspektasi Anda?

silahkan tulis pendapat Anda atau laporkan bug jika Anda menemukannya di kolom komentar, Jika tidak ada halangan kami akan membalasnya secepatnya.

Log Update

Update : 20 Januari 2020
  1. Sedikit perbaikan kode CSS
  2. Perbaikan iklan atas dan bawah artikel muncul ditempat yang tidak sesuai
  3. Penambahan 2 slot iklan tengah artikel

Update : 23 Maret 2020
  1. Sedikit perbaikan kode CSS
  2. Menambahkan widget 2 iklan tengah artikel dan iklan artikel terkait, sekarang Anda bisa langsung menambahkan iklan langsung melalui menu tata letak.
  3. Menambahkan artikel terkait ditengah postingan

Update : 24 Maret 2020
  1. Rilis template versi lite, lebih ringan dan lebih murah
  2. Menghapus jquery pada versi lite

Update : 3 April 2020
  1. Rilis template versi AMP

Update : 26 April 2020
  1. Rilis template versi 5.3
  2. Kode CSS yang lebih ringan dan rapi
  3. Lebih mudah mengubah warna
  4. Lebih mudah kostumisasi widget postingan
  5. Menghapus jquery dan javascript bawaan blogger
  6. Modifikasi komentar bawaan Blogger
  7. Memindahkan laman AMP ke ?amp=1
  8. Perbaikan pada template versi AMP
  9. Tampilan widget popular post yang lebih elegan
  10. Lebih mudah mengedit widget chat whatsapp
  11. beberapa penyesuaian lainnya

Update : 29 April 2020
  1. Rilis template versi AMP 3 kolom

Update : 18 Juli 2020
  1. Rilis template versi 5.4
  2. Mengembalikan menu navigasi mobile seperti versi sebelumnya
  3. Memindahkan icon Night Mode di samping tombol search
  4. Menambahkan link social media pada header dan mobile navigasi
  5. Menambahkan teks 'Grid mode' pada tombol grid, untuk menegaskan bahwa itu tombol yang bisa di klik
  6. Mengubah kode CSS pada grid menu, sekarang urutan post yang tampil akan menyamping (sebelumnya menurun)
  7. Mengubah font menjadi 'Nunito Sans'
  8. Mengubah kalimat default pada kotak pencarian menjadi 'e.g. Tutorial'
  9. Mengubah kalimat 'Ditulis oleh' menjadi 'Diposting oleh' pada profil penulis
  10. Mengubah Kalimat 'Baca Juga' pada artikel terkait menjadi Kalimat default dari blogger 'Anda mungkin menyukai postingan ini'
  11. Mengubah tampilan icon keseluruhan menjadi lebih sinkron, termasuk ikon widget pada sidebar dan komentar
  12. Mengubah format ukuran gambar pada thumbnail yang otomatis menyesuaikan aspect ratio
  13. Mengubah format daftar isi menjadi pure CSS dan HTML, sekarang fitur ini bisa digunakan pada template AMP
  14. Mengubah format table menjadi lebih responsive
  15. Mengubah tombol share menu dengan menambahkan 'Share on Whatsapp' dan tombol share 'Telegram'
  16. Mengubah layout pada artikel terkait dalam postingan dan Daftar isi
  17. Mengubah kode script pada related post/artikel terkait
  18. Menghapus style related post menjadi hanya 1 style saja
  19. Menghapus widget Label pada Horizontal Menu
  20. Menghapus widget chat whatsapp
  21. Menghapus efek show/hide pada header sticky
  22. Menghapus gradasi warna pada header dan menu navigasi
  23. Memperbaiki bug halaman tidak responsive melebihi lebar konten
  24. Memperbaiki bug gambar logo header tidak tampil pada versi AMP
  25. Memisah script untuk iklan tengah, atas dan bawah artikel. Sekarang menyembunyikan salah satu slot iklan tidak akan berpengaruh pada slot iklan lainnya
  26. Mempertahankan 'Night mode' dan 'Grid mode' pada versi AMP (sebelumnya dihapus pada versi AMP)
  27. Mengubah widget 'Profile' dan 'FollowByEmail' menjadi valid AMP
  28. Menambahkan total komentar pada widget 'FeaturedPost' dan 'PopularPosts'

Anda mungkin menyukai postingan ini

36 komentar

  1. Omer.D
    Bisa di buka dengan android tidak gan, menu tata letak nya, karena pakai 3 baris.
    • Muhammad Maki
      Gimana maksudnya kurang faham saya.
    • Omer.D
      Intinya kalau di buka menggunakan hp android di menu tata letak, bisa support, gk. Ane nungguin rilis nya nih pak
    • Muhammad Maki
      Owalah, iya bisa ko di buka dari hp
  2. Fathurrohman
    mantap, ditunggu rilisnya
  3. Mas Kholis
    Upload gambarnya masih sama dengan versi lamanya mas?
    Harus original size?
  4. Yudii
    ada slot ads di dalam post? dan related pos?
    • Muhammad Maki
      iya da mas slot related(matched content), kalau untuk iklan tengah ini masih di update
  5. zul biahimo
    Keren
  6. Hamba allah
    Mantul
  7. Admin
    Masih ada bug mas, coba masuk halaman statis terus pencet menu navigasi, pas pencet menu navigasi itu malah yang kepencet tombol search bukan menu navigasinya, atau mungkin emang sengaja dibuat begitu?
    • Admin
      Pencet tombol search dulu terus pencet menu navigasi, itu jadinya ngebug, menu navigasi ngga muncul.
    • Admin
      Ini kalo di tampilan mobile, kalo tampilan desktop normal mas.
    • Muhammad Maki
      Iya ada delay nya mas buat nampilin efek smooth ketika di tombol search diklik, cuma tunggu skitar 0,8 detik tombol navigasinya sudah bisa di klik lagi ko
    • Muhammad Maki
      Tinggal di ubah nilai transisi CSS nya udah kembali normal ko
    • Admin
      Kirain itu bug 😁
    • Sourav Raj Biswas
      hi
  8. IAM RAZAT
    apakah darkmode warna biru gelap.. bisa diubah kewarna lain? ohya kalo beli skrg ada diskon gak.. gue suka yg fleto pro 2 kolom
    • Muhammad Maki
      Bisa mas, cuman manual harus lewat edit html dan minimal sampeyan ngerti sedikit CSS.

      Sekarang sih gak ada , kita lagi ngerjain AMP nanti klau ash rilis sampeyan dpt versi amp nya gratis
  9. Mas Ukim
    Keren banget ini terbaik lah, sayangnya masih nabung 😭

    Tapi entah kenapa kog saya suka yang versi sebelumnya ya mas, itu yang versi sebelumnya masih ready juga kan mas?
    • Muhammad Maki
      Masih ada ko mas cuma gak dijual lagi, dibagiin gratis sebagai bundle tiap pembelian template
  10. syam
    Komentar ini telah dihapus oleh pengarang.
  11. Saiful Anwar
    Masih ada bug di versi IOS, sticky header pas discroll dari bawah ke atas header langsung hilang

    Efek hover shadow terlalu tebal di nav menu mobile IOS, di Android normal dan perfect semua

    Good job.
    • Muhammad Maki
      Terimakasih banyak feedback nya,

      Mohon maaf karna saya tidak punya iphone jd tidak bisa cek apa penyebabnya dan otomatis sy juga tdk bisa perbaiki masalahnya. Ini salah satu kendala saya dari dulu
  12. afelfgie
    Tes
  13. Jack Miner
    Komentar ini telah dihapus oleh pengarang.
  14. Mas Ari
    Versi AMP tombol ke atas nya tidak hilang + tidak ada rilis post...
    dan saran bila di buka via mobile lebih baik sidebar di sembunyikan... seperti kompi minimalis..

    trims
  15. Restu Ahmad
    di blog saya iklan tengah artikel tidak muncul, icon download, demo, wa dll tidak muncul.
    • Abdul Halim
      <a class='button' href='javascript:void(0)'><i class='icon demo'></i>Icon Demo</a>

      <a class='button' href='javascript:void(0)'><i class='icon info'></i>Icon Info</a>

      <a class='button' href='javascript:void(0)'><i class='icon contact'></i>Icon Contact</a>

      <a class='button whatsapp' href='javascript:void(0)'><i class='icon whatsapp'></i>Tombol WhatsApp</a>
  16. Crezymod
    How Downloads this template piz tell me
  17. Admin
    Lapor bug mas, pas klik search di hp trs balik mau klik menu navigasi malah balik ke menu lagi, tpi kalau dibiarin bbrpa detik gak gtu. Kalo itu ada di pengaturan css, bisa diatur di gmna n di line berapa biar gak gitu, soalnya ckup mengganggu. Thanks ditunggu jwabannya.
  18. Admin Plutonema
    Om untuk template yg udah di beli apakah updatenya otomatis apa kita harus download ulang?
  19. Indrawansyah
    Cara membuat tabel gimana ya?