Halo sobat, apa kabar? semoga baik-baik saja. Kali ini saya ingin berbagi kembali dengan sobat setelah saya tidak update artikel lagi di blog ini sejak 2 minggu yang lalu. Saya tidak update tentu saja ada alasannya, dalam 2 minggu lalu saya sedang membuat sebuah template blogger.
Akhirnya template yang saya buat bisa di rilis juga hari ini. Template ini saya beri nama Frezhify. Template ini saya buat pada layout blogger versi 3 dan widget versi 2 (yang baru). Template Frezhify ini adalah Open Source, jadi semua kode js disini sudah terbuka atau tidak di enkripsi.
Fitur Frezhify Blogger Template
Frezhify dirilis untuk pertama kalinya yaitu versi 1.0 yang mempunyai beberapa fitur menarik.
| # | Fitur | Keterangan |
|---|---|---|
| 1 | Responsive | Tentu saja design sudah responsive pada desktop dan mobile. |
| 2 | 2 Column & 1 Column | Tampilan 2 kolom pada homepage dan halaman posting, dan 1 kolom pada halaman statis. |
| 3 | Blogger Layout v3 and Widget v2 | Template ini menggunakan versi layout dan widget blogger terbaru. |
| 4 | Dropdown Navbar + Search Form | Navbar dengan dropdown dan form pencarian. |
| 5 | 2 Column Post List | Tampilan grid 2 kolom pada halaman daftar postingan. |
| 6 | Load More Post with Ajax (Jquery) | Menggunakan fitur load more post untuk mengambil artikel lainnya dengan menggunakan Ajax Jquery. |
| 7 | Static & Sticky Widget in Sidebar | Sudah tersedia widget dengan posisi statis dan sticky pada sidebar. |
| 8 | 3 Column Footer | Terdapat 3 kolom pada bagian footer, ini juga sudah responsive. |
| 9 | Valid Googole Structured Data | Schema Meta Data yang sudah valid seperti, breadcrumb, tanggal dipublish/update, author profile, dan sebagainya dibuat dengan menggunakan JSON. |
| 10 | Share to Social Media | Button untuk membagikan artikel ke media sosial. |
| 11 | Related Articles | Untuk menampilkan artikel lainnya yang mempunyai label atau kategori yang sama. |
| 12 | Blogger Comments Form | Untuk sistem komentarnya menggunakan komentar bawaan blogger. |
| 13 | Icon using SVG | Tidak menggunakan icon font seperti FontAwesome, IonIcons dan lain sebagainya untuk meringankan loading halaman. template ini menggunakan icon svg html. |
| 14 | Custom Error 404 Page | Halaman yang akan tampil jika url tidak ditemukan |
| 15 | LazySizes | Ini digunakan pada Gambar, agar untuk proses pemuatan gambar bisa lebih cepat. |
| 16 | Jquery | Masih banyak orang yang tidak suka dengan ini, termasuk saya karena akan memberatkan loading halaman. Tapi dengan menggunakan Jquery, membuat kode javascript akan lebih mudah. |
Hasil Test
Berikut ini adalah hasil test dari situs GTMetrix, Pagespeed Insights, Google Structured Data dan Google Mobile Friendly untuk template Frezhify versi 1.0.
Coming Soon
Template memang sudah bisa digunakan untuk blogging, namun masih ada beberapa yang perlu ditambahkan, berikut ini adalah fitur yang akan saya tambahkan diversi mendatang:
- Page Speed Optimization
- Slot Iklan
- Related Post di dalam Artikel
- Breadcrumb
Demo dan Download Template
Live Preview (Demo). Apakah sobat tertarik dengan template ini?
Apabila sobat ingin mencobanya, sobat bisa langsung meluncur pada link berikut ini, yang akan diarahkan ke GitHub saya.
Silahkan beri masukan saran atau sobat juga bisa berkontribusi langsung dengan mengedit kode sumber templatenya pada Github.
Demikian untuk artikel kali ini, silahkan dishare ke teman-teman sobat. Terima Kasih.
Komentar
Posting Komentar