Blogger Pro – Template Blogspot Tipe Blog untuk Menulis

Blogger Pro – Kali ini saya akan memperkenalkan template blogger tipe model blog buat kepentingan menulis,cerpen, review produk, panduan & informasi.

Yang mana template-template saya sebelumnya yang saya buat rata-rata adalah jenis model blog jualan online.

Baca juga : Blogger Store, Template Toko Online Blogspot Simple dan Minimalis

Maka ditulisan ini, saya akan memperkenalkan template blogger dengan mengunakan konsep desain simple tanpa banyak gaya yang beri nama blogger pro.

Template ini bisa dibilang sama dengan template blogspot versi bawaan seperti Contempo, Soho, Emporio, Notable & Essenteal untuk dibagian kode HTML nya.

Namun ada sedikit beberapa tambahan yang saya buat untuk memperlengkap tampilannya.

Tentang Blogger Pro

Dari segi fiktur template ini mengambil dari blog boshjn.id. Walau tidak sama persis, template ini lebih optimal dibagian optimasinya dari pada yang digunakan blog boshjn.id milik saya.

Tempate ini juga terbilang udah lama saya rancang sebelumnya, tapi emang tidak saya perkenalkan secara kusus di blog ini.

Awal Belajar Buat Template

Tema ini juga adalah proses awal saya belajar membuat template blogspot yang dulunya masih banyak kekurangannya dan minimnya wawasan masalah kode.

Mengoptimalkan HTML Tema

Awalnya tema ini memang banyak memiliki segi kekurangan dari beberapa kode HTML nya, mulai dari data blogger yang masih pakai versi classik, schema marcup, ada yang error dan juga beberapa kode HTML yang tidak berguna lagi.

Saat ini tema yang ada blogspot memang sudah update dari sisi model dan beberapa kode terbaru.

Tampilan Tema Blogger Pro

Versi Desktop :

Versi Mobile :

Untuk lebih lengkapnya, bisa klik tombol dibawah.

Lihat Demo

Tata Letak / Layout :

Menu Desainer / Customizer :

Fiktur Template

Nilai Kenerja :

Semua nilai skor dibawah ini adalah hasil dari blog demo yang menggunakan beberapa tool :

1. Nilai skor kecepatan tema di GTMetrix : Lihat
2. Skor nilai loading hasil Google PageSpeed : Lihat
3. Laporan nilai skor tema dari Pingdoom Speed : Lihat
4. Nilai skor kinerja tema dari Lightshoot & Web.dev : Lihat
5. Data nilai tema valid Schema Marcup & Data Strutured Google : Lihat

Fiktur Lengkap :

Dibawah ini sudah saya kumpulkan secara lengkap isi fiktur dari template blogger pro ini :

• Valid data CSS3 + SVG – Lihat
• Nilai Template dari Lighthouse – Lihat
• Loading Ringan & Cepat
  GTMetrix | Pingdom | Google PageSpeed
• Valid data Google Rich – Lihat
• Valid Google Struktured – Lihat
• Responsive semua ukuran Layar – Lihat
• SEO Optimaze
  Sudah saya optimalkan sesuai dari data bawaan blogger.com sendiri secara otomatis
• Warna Tema tanpa Batas
  Tema bisa kamu rubah untuk warnanya sesuai selera di menu desainer
• Layout Newbie Frendly
  Tampilan tata letak yang sudah dioptimalkan tanpa masuk ke HTML
• Menggunakan SVG Icon
• Model Font Google
  • Roboto | 400 | 500
• Menu Navigasi
  • Link Menu Dropdown versi Desktop
  • Menu Link Slider versi Mobile
• Kode Blogger Layout 2
  Wigdet dari blogger bisa ditampilkan dan disembunyikan dengan mudah
• jQuery Terbaru
  Version 3.5.2
• Lazyload Terbaru
• Breadcrumb markup
• Widget penulis | Author info
• Costum Widget Populart Post
• Costum Widget Featured Post
• Komentar Blogger versi terbaru
  Model komentar dari tema Contempo, Soho, Emporio, Notable & Essenteal
• Tombol share Facebook | Twitter | WhatsApp | Pinterst | Lingkedin | Telegram
• Infinite Scroll Navigasi
• Kolom iklan Artikel Atas | Tengah | Bawah | Bawah Bagian Kepala Tema
  Kode iklan cukup kamu pasang di menu tata letak, tanpa harus edit HTML

Tidak banyak fiktur yang saya sediakan didalam template ini, karena fokos kebagian data dari template standar yang ada di blogspot.

Baca Juga : Viospaper Pro, Template model Majalah Rasa WordPress

Sampai saat ini template ini bisa dibilang tanpa banyak memakai JavaScript didalamnya. Hanya mengomptimalkan bagian-bagian tampilan desain widget bawaan dari blogger.com.

Sumber Dukungan :

• Blogspot | https://blogger.com
• jQuery v 3.5.1 | https://jquery.com/download
• SVG icon | https://materialdesignicons.com
• Font Google Roboto | https://font.google.com/Roboto
• Schema.org | https://schema.org/docs/schemas.html

Harga Template :

Versi Gratis

Ada yang versi gratis yang saya bagikan kali ini. Yang mana tampilan template mirip dengan situs viva.com

Demo Gratis

Download

Anda dapat mengunduh template diatas secara gratis tanpa batasan instal.

Syarat & Ketentuan penggunaan pelajari lebih lanjut.

Versi Premium

Harga template blogger premium indonesia ini saya jual sesuai kantong pelajar, mahasiswa, pembisnis  & ibu rumah tangga.

Rp 100.000 – Rp 80.000 

Pembayaran

Cukup murah bukan? Bahkan tidak terlalu sulit untuk mengumpulkan uang Rp 80.000 dalam 1 bulan.

Keuntungan yang Anda dapatkan adalah mendapatkan update template selamanya dari saya tanpa ada biaya tambahan (Bayar Sekali) dalam seumur hidup.

Data Riwayat Template :

Dibawah ini kumpulan data tanggal perubahan template yang saya lakukan :

Update Tahun 2019 :

v.1.0.0 20/05/2019
– Rilis

v.1.2.0 05/06/2019
– Perbaikan komentar blogger yang error
– Perbaikan tampilan template dilayar 1080px yang kurang Responsive

v. 1.2.5 28/06/2019
– Perbaikan schema markup Breadcrumb yang error
– Optimasi bagian meta index template bagian URL label / kategori
– Penghapusan CSS icon buttom

v. 1.2.6 17/08/2019
– Pergantian schema marcup kusus artikel blog
– Penghapusan schema marcup bagian Header / Sidebar / Footer
– Penghapusan kode JavaScript Related post
– Widget related post menggunakan widget Populart Post blogger.com

v.1.3.0 28/08/2019
– Perubahan kode layout blogger versi 2
– Pengoptimalan kecepatan template via GTmetrix & Google Pagespeed
– Perbaikan tampilan Featured Post lebih dinamis
– Perubahan tampilan widget Popular Post menggunakan Data tanggal

v.1.3.1 16/10/2019
– Perbaikan kode data HTML yang ketimpa dengan versi lama
– Perbaikan lazyload bagian gambar yang error
– Perubahan icon FontAwesome menjadi SVG
– Perubahan navigasi bernomor menjadi model Scroll

v.1.3.2 12/11/2019
– Perbaikan nilai skor template via Lightshoot 96 / 100 / 95 / 100
– Perubahan warna Menu Navigasi menjadi biru
– Perubahan pengaturan Menu navigasi bisa diedit via Tata Letak ( Tanpa masuk ke mode HTML )
– Perbaikan warna template yang tidak bisa dirubah via menu desainer

Update Tahun 2020 :

v.2.0.0 02/12/2019
– Perbaikan tampilan halaman URL error 404
– Perbaikan tampilan halaman URL label / kategori
– Perubahan tampilan halaman hasil pencarian

v.2.1.0 18/01/2020
– Pergantian icon menu mobile menggunakan SVG
– Perubahan tampilan thumbnail versi Mobile
– Perbaikan navigasi scroll yang error

v.2.2.0 21/09/2020
– Perbaikan keseluruhan kode blogger versi 2
– Perubahan warna menu navigasi jadi ungo
– Perubahan tampilan menu navigasi versi Mobile menjadi Slider
– Penambahan tombol share bottom
– Perubahan lazyload gambar muncul tanpa harus di scroll

v.2.3.0 04/12/2020
– Perbaikan tampilan CSS template yang kurang Responsive layar 1023px
– Warna navibar browser versi seluler otomatis mengikuti warna navigasi
– Pergantian tampilan Gambar Thumbnail Versi Mobile
– Perubahan posisi Tentang Penulis dibagian Bawah Postingan
– Perubahan Meta Tag SEO Template
– Penambahan Tombol Share Telegram
– Perubahan tampilan Widget Populart Post bagian Single Post

v.2.4.0 19/12/2020
– Memperbaiki tampilan CSS di bagian halaman template hasil pencarian
– Perubahan tampilan CSS bagian widget kolom pencarian
– Mengubah warna template dari Ungu menjadi warna Palette Jerman
– Mengubah tampilan menu slider versi seluler