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 :

Blogger Pro, Template Blogspot Tipe Blog untuk Menulis
Layar Desktop

Versi Mobile :

Blogger Pro, Template Blogspot Tipe Blog untuk Menulis
Mobile Responsive

Untuk lebih lengkapnya, bisa klik tombol dibawah.

Lihat Demo

Tata Letak / Layout :

Blogger Pro, Template Blogspot Tipe Blog untuk Menulis
Tampilan Tata Letak

Menu Desainer / Customizer :

Blogger Pro, Template Blogspot Tipe Blog untuk Menulis
Tampilan Merubah Warna

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 + SVGLihat
  • Nilai Template dari LighthouseLihat
  • Loading Ringan & Cepat
    GTMetrix | Pingdom | Google PageSpeed
  • Valid data Google RichLihat
  • Valid Google StrukturedLihat
  • Responsive semua ukuran LayarLihat
  • 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.000Rp 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

Rian Seo

Menyukai Tentang Seni & Dunia Fitness

5 Comments

  1. Mas Ukim
    September 26, 2020

    Keren ni mas, mantap

    Balas
  2. Rico
    September 28, 2020

    masih bagus tampilan yg kemarin mas, dan masih lebih miring kemarin harganya :'(

    Balas
    1. Rian SEO
      September 28, 2020

      Ini saya buat lebih simple dan banyak penghapusan JavaScript

      Balas
  3. frendi
    Juli 16, 2021

    link downloadnya rusak kak

    Balas
    1. Rian SEO
      Januari 20, 2022

      Langsung cek di web temabanua.com

      Balas

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *