Koleksi template Blogger gratis dan premium

Koleksi template Blogger

Berikut ini daftar koleksi template Blogger gratis dan premium dari berbagai designer.

BabyFace, design by JZ-Theme

Cepat dan responsif, dirancang khusus untuk segala jenis niche blog serta sesuai selera gaya umum masa kini.

CEPAT

Benar-benar cepat secepat baby merangkak, untuk tampilan desktop mencapai kecepatan 100% dan mobile 70% hingga 95%. (Berdasarkan alat Pagespeed Insights).

RESPONSIF

Tampilan otomatis menyesuaikan untuk semua perangkat di layar desktop, laptop, tablet dan smartphone. (Mobile friendly berdasarkan alat Search Console).

TAMPILAN

Pada tampilan dengan lebar 1000px keatas menjadi 2 kolom dan 800px kebawah menjadi satu kolom. Lebar dapat juga diatur melalui "Alat Sesuaikan".

Kecepatan dan Responsifnya diharapkan dapat menunjang SEO menjadi lebih baik, dimana SEO cukup baik sebagai kebutuhan Bloging dan tampilannya yang sederhana diharapkan mempermudah pengunjung menavagisi atau menjelajah atau menikmati membaca konten di blog. Pada intinya ini ramah bagi mesin pencari maupun bagi manusia.

Desain Fleksibel alias mudah disesuaikan menjadi bentuk apapun, ini kelebihan dari Template BabyFace by JZ-Theme, strukturnya sudah disederhanakan layaknya Wajah Bayi ditaburi bedak sedikit saja langsung menggemaskan yang artinya dapat dengan mudah ditransformasikan sesuai inspirasi penggunanya.

Apa saja fiturnya?

HEADER

1. Judul Blog / Icon / Description.

Judul, baik berupa teks biasa atau dengan gambar secara otomatis akan menyesuaikan ukuran. Ikon Hamburger-menu dan Search yang dapat disetel dengan warna masing-masing sesuai selera melalui "Alat Sesuaikan".

2. Hamburger-menu / Sidebar.

Dapat memasang widget apapun pada sidebar dengan pergeseran transisi sangat halus dan dapat di-tap diluar area untuk menutup kembali tanpa harus klik ikon panah atau silang. Sidebar akan tetap dikiri sehingga tetap tampak rapi tanpa turun ke footer pada tampilan layar apapun. Hamburger-menu/Sidebar otomatis akan hilang jika semua widget didalamnya dinonaktifkan dan muncul kembali setelah widget diaktifkan.

3. Widget Pencarian.

Desain animasi memanjang untuk membuka dan otomatis menutup bila tidak jadi mengetikkan teks dengan me-tap layar dimana saja. Sebaliknya, Kotak pencarian akan terus terbuka selama melakukan pengetikan teks dan setelah melakukan pencarian dan tap ikon untuk menutup.

4. Label / Category.

Dengan desain Horizontal Scrollable atau memanjang geser kekanan kekiri yang responsif otomatis menyesuaikan dengan bentuk layar. Ini Widget Label asli dengan segala fiturnya. Diantaranya, Menampilkan, Menyembunyikan, dengan Count atau tidak, dll.

5. Widget HTML/Javascript.

Barangkali ingin memasang menu tambahan pada widget ini atau memasang iklan dari penyedia manapun. Selain itu ini dapat difungsikan sebagai HEADER alternatif buatan sendiri (manual) apabila kurang menyukai header bawaan dengan cara menconteng untuk menyembunyikan konten 1-2-3-4 diatas melalui halaman Tata Letak.

BODY

1. Posting Unggulan.

Dengan fitur ini dapat menampilkan postingan baru secara otomatis atau dapat juga berdasarkan postingan pilihan yang di unggulkan.

2. Widget Adsense.

Tempat pemasangan iklan Adsense. Sebelumnya harus mendaftar terlebih dulu melalui halaman 'Periklanan'.

3. Breadcrumb.

Breadcrumb tersembunyi bagi pecinta minimalis dan sudah sesuai standart Schema.org dan Search Console.

4. Blog.

Fitur pada umumnya, Menampilkan atau Menyembunyikan atau Menambah dan Mengubah, diantaranya Nama Admin, Tombol sosial media, Jumlah komentar, Label, dll.

5. Tombol Sosmed dan Jump to Komentar.

Tombol berbagi ke sosmed WA, FB, dll.

6. Related Posts.

Artikel terkait berdasarkan label postingan. Tampil dengan judul dan gambar dengan formasi kolase 4x2 pada tampilan mobile dan 4 sebaris pada tablet dan laptop.

7. Post halaman Older dan Newer.

Link menuju postingan di halaman sebelum atau berikutnya.

8. Widget HTML/Javascript.

Barangkali ingin menampilkan sesuatu di fitur ini, Komentar FB mungkin, Iklan, dll. Ini hanya tampil dihalaman postingan saja dibawah kolom komentar.

9. Postingan Populer.

Seperti pada umumnya dapat menentukan berapa jumlah pos populer yang akan ditampilkan dan sortir berdasarkan Tahun, Bulan, Hari. Gambar dan Kilasan dapat disembunyikan atau tampilkan Judul dan Thumbnail saja, dll.

10. Widget HTML/Javascript.

Barangkali ingin menambahkan sesuatu di fitur ini, Recent Post mungkin, dll. Ini tampil disemua halaman dalam blog.

11. Dan banyak lagi.

Widget Profil, Arsip, Label, pada Sidebar masih original dan dapat menambahkan Widget lainnya di Sidebar ini.

FOOTER

1. Page List.

Berguna menambahkan link secara manual maupun otomatis mengambil tautan dari Fitur Halaman, misal About, Kontak, Scroll to top, link Follow blog, dll.

2. Widget HTML/Javascript.

Barangkali ingin menambahkan sesuatu di fitur ini, atau ingin membuat FOOTER sendiri secara manual dengan ini tanpa harus edit Template.

3. Powered by / Diberdayakan oleh.

Dapat disembunyikan hanya dengan mencontengnya dan dapat juga menambah teks, Misal @2021 Created by, Copyright.

4. Follow by email.

Di desain dengan gaya modal, klik button 'Subcribe' pop-up follow akan muncul. Untuk penggunaan pertama kali, Widget harus dikonfigurasi melalui halaman Tata Letak agar pop-up dapat berfungsi.

GLOBAL (tampil disemua halaman)

1. Sticky.

Sticky dapat diatur warna background, teks, dan icon-nya, hanya saja pengaturan warnanya menumpang/ikut pada warna "Berbagi" di halaman "Sesuaikan".

2. Category.

Pengaturan warnanya menumpang/ikut pada Widget Label di halaman "Sesuaikan".

3. Footer.

Pengaturan warnanya menumpang/ikut pada Widget Attribusi di halaman "Sesuaikan".

4. Paglist dan beberapa Widget lainnya.

Sebagian pengaturan warnanya tidak dipasang dengan alasan untuk keseragaman, sebagai contoh Gaya Postingan Beranda diseragamkan warnanya dengan Gaya Popular Posts, dengan kata lain Popular Posts menumpang/ikut dengan warna Postingan Beranda. Paglist menumpang/ikut dengan warna Footer, dll.

DEMO

Tampilan keseluruhan dapat dilihat langsung diblog ini juga, Untuk contoh <blockquote>, <ul><li>, H3, dll, juga dapat dilihat langsung dipostingan ini.

☆ Contoh Quotes, <blockquote>..

Kutipan Aktor Mel Gibson disalah satu filmnya dalam adegan ketika ia ingin membeli lukisan berharga fantastis, ia pernah berkata kurang lebih berbunyi seperti ini:

"Lihatlah. Dari Cat dan Kuas yang harganya tak seberapa, namun hasil (lukisannya) seperti ini (dapat bermakana semacam cat yang dipoleskan semaunya namun hasilnya berharga tinggi), tapi itulah seni, Bungkus. Saya jadi membelinya." Ujarnya.

☆ Contoh <ul><li>..

• Satu
• Dua
• Tiga

☆ Contoh <ol><li>..

1. Satu
2. Dua
3. Tiga

☆ Contoh <tabel>..

No	Barang	Kg	Harga
1	Terasi	1	Rp. 4M
2	Teri	2	Rp. 4T

MESIN MODEREN.

Default widget version 2

Layouts version 3

Template version 1.0.0

Normalize.css version 8.0.0

HARGA.

Untuk saat ini tidak dijual alias masih dalam pengembangan namun suatu saat nanti mungkin akan dibagikan secara gratis.

Simplify 2 Responsive dan Vikka Fast and Responsive, Design by Arlina

Ada dua koleksi favorit saya dari versi gratis desain Arlina yaitu Simplify 2 Responsive dan Vikka Fast and Responsive.

#Simplify 2 Responsive, Features:
Responsive
Google Testing Tool Validator
SEO Friendly
Mobile Friendly
Dynamic Heading
Adsense
Valid  Schema.org
High CTR
Personal Blog
2 Column
Auto Read More with Thumbnail
Responsive Ad Slot
Breadcrumbs
Footer Link
Related Posts with Thumb
Search Box
Social Share Button
Responsive Sticky Navigation
Back to Top Button
Shortcodes
Unlimited Page Numbered
Recent Post with Thumbnail
Custom Contact Form Widget
Responsive Sitemap Widget

#Vikka Fast and Responsive, Features:
Responsive
SEO Friendly
Google Testing Tool Validator
Mobile Friendly
Valid HTML5
Valid CSS3
Dynamic Heading
High CTR
Responsive Ad Slot
Personal Blog
2 Column
Light Base Theme Color
Breadcrumbs
Related Posts with Thumb
Search Box
Social Share Button
Responsive Dropdown Menu
Custom Subscribe Box Widget
Smooth Back to Top
Sitemap Widget
Short codes.

Berikut ini dua buah contoh gambarnya.

Brosense V2 Design by Mas Sugeng

Template ini salah satu favorit saya karena tampilan dan warnanya sesuai selera saya dan juga gratis. Dibuat oleh Mas Sugeng.

Fitur unggulan:
*. SEO sudah dioptimalkan.
*. Desain Responsive.
*. Mudah dimodif lewat fitur perancang
template.
*. Auto Read more.
*. Tersedia Breadcrumb.
*. Tersedia Related Post juga sudah tersedia.
*. Social Share Buttons.
*. Facebook Comments.
*. Loading super cepat.
*. Meningkatkan CTR.
*. Tempat Iklan.
*. Dan masih banyak lagi.

Mungkin akan error bila di test di structured-data testing-tool Google Webmaster tapi bisa diatasi dengan mengubah format tanggal bulan tahun sesuai standar yang telah ditetapkan alat tersebut salah satu format yang diterima ialah 8/17/1945.

Cara mengubahnya:
1. Login ke Blogger.
2. Setelan.
3. Pemformatan dan Bahasa.
4. Pilih formatnya.
5. Simpan pengaturan.

Agar tampilannya semakin cantik nonaktifkan versi mobilenya karena pada dasarnya tampilan desktop juga responsive bisa otomatis menyesuaikan dengan perangkat mobile.

Caranya:
1. Login ke Blogger.
2. Di kiri atas, klik Panah bawah.
3. Klik blog yang ingin diupdate.
4. Di menu sebelah kiri, klik Tema.
5. Dibawah, Klik ikon Gear.
6. Pilih tampilan mobile.
7. Simpan.

Panduan atau cara pasang sudah disertakan dalam file atau silakan baca tutorialnya di blog ini. Untuk contoh tampilannya silakan lihat gambar berikut ini.

AMP VioMagz, design by Sugeng

Template terbaru buatan Mas Sugeng salah satunya bernama VioMagz versi AMP. Google AMP atau Accelerated Mobile Pages merupakan proyek open source dari google untuk membantu publisher/webmaster membuat halaman web versi mobile menjadi super cepat secepat kilat. Baca selengkapnya tentang AMP di https://www.ampproject.org/id/learn/overview/

Dengan kata lain template ini memiliki kecepatan loading tinggi. Bagi anda yang berminat, kata pemilinya template ini gratis dengan catatan beli dulu versi yang sebelumnya yaitu VioMagz tanpa AMP. Baca selengkapnya di https://sugeng.id/tentang-google-amp-template-blogger-viomagz-amp/

Fitur dan kelebihan template VioMagz AMP:
*. Halaman Valid AMP di URL versi mobile:
https://amp.viomagz.com/?m=1
*. Halaman non-AMP di URL versi desktop:
https://amp.viomagz.com/
atau
https://amp.viomagz.com/?m=0
*. Loading cepat
*. Desain bersih dan rapi
*. Dll.