-->

Memperbaiki template halaman di EvoMagz versi 2.8

Evomagz sendiri adalah template lama buatan mas sugeng, sudah lama saya oprek-oprek blogger tapi akhirnya bosan karena tampilan halaman yang cuma itu-itu saja. Hal ini tentu membuat saya tidak bersemangat ngeblog, tapi berkat rasa penasaran saya akhirnya saya mendapatkan juga template yang benar-benar bagus. Saya lupa siapa yang membagikan template ini, pokonya saya dapat di google situsnya di urutan ke 50-an kalau gak salah.

Dia membagikan template ini dengan link berantai, sempat kesal sih cuma muter-muter doang di webnya link shortener. Tapi pada akhirnya templatenya saya dapatkan juga. Waktu pertamakali pakek sih nggak masalah, setelah beberapa hari barulah saya menyadari kalau ada yang aneh pada template ini.

Pada bagian tampilanya terlihat seperti kurang lengkap, tombol share menutupi judul dan ukuran font yang terlalu kecil. Berkat template evomagz ini saya jadi belajar mengedit tema blogger, awalnya sih banyak kendala dan yang paling sering saya temukan error ketika mengupload tema yang saya edit.

Setelah 2 bulan belajar mengedit tema akhirnya saya menguasai sedikit tentang kontruksi, gaya penulisan, kondisi, dan jenis string apa saja pada template blogger. Kali ini adalah moddifan terakhir saya khusus template EvoMagz versi 2.8 ini.

Selama 1 bulan saya berkecimpung dengan template ini sangat banyak sekali kesalahan, diantaranya loading halaman yang sangat lambat ditambah js analistik dan adsense page speed nya turun jadi 23%. Bagian tombol share, ketika dibuka lewat ponsel terkadang judul postinga tertutup oleh iframe facebook like. Sehingga orang tidak bisa membacanya dengan baik.

Adapun kekurangan lainya, yaitu tidak terdapat slot iklan pada bagian artikel, tengah artikel, atas artikel, dan bawah artikel. Jadi kalau kita mau pasang iklan, mau gak mau harus mengedit tema ini. Saya khawatir karena beberapa kode khusus tidak bisa bercampur dengan baik pada tema yang dibangun dengan kode xml.

Dari kekurangan tersebutlah muncul motivasi bagi saya untuk mengedit dan merevisi ulang tema ini. Memang sih template ini sudah ada rilis versi 4.3 nya, tapi apa boleh buat saya menggunakan versi ilegal jadi sudah pasti tidak mendapatkan versi terbarunya.

Adapun beberapa perubahan yang saya lakukan pada tema ini diantaranya:
  • Menulis ulang struktur urutan kode penyusun tema
  • Penambahan lazy loading
  • Penambahan slot iklan khusus yang bisa diedit lewat tata letak
  • Penambahan elemet iklan sticky manual
  • Mengurangi semua bagian yang tidak penting
  • Menambahkan tombol share halaman
  • Menambahkan bagian profile penulis di bawah artikel
  • Menghapus css bundle dan js otomatis yang ditambahkan oleh blogger.
  • Menambah font Notica agar terlihat lebih baik.
  • Fontawessome css nya saya tempel langsung dalam tema

Tampilan Tata Letak EvoMagz


Pernah mau ditambahin anti adblock, tapi menurut saya menggunakan banyak script justru akan membuat loading halakan semakin lama, karena browser membutuhkan waktu untuk merender halaman. Template ini berbeda dengan blognya igniel, yang dimana beberapa elemen dibuat menggunakan gambar svg, sedangkan logo gambar yang enkode ke base64. Serta menggunakan script khusus cuma satu kali pemanggilan pada bagian halaman bawahnya. Saya rasa saya harus belajar lagi mengenai javascript, karena pengetahuan saya minim hanya sekitar 5% memahami javascript.

Setelang mengalami berbagai perubahan dan prosess panjang selama 2 bulan akhirnya tema ini menajdi layak pakai. Walaupun versinya jadul yaitu versi 2.8, skor page speed nya juga ikut bertambah yang sebelumnya hanya sekitar 23% naik menjadi 60% bahkan terkadang bisa lebih dari itu untuk versi mobile. Dan untuk versi dekstopnya 97% hampir ke angka 100.
Speed Load Mobile


Speed Load Desktop


Saya senang dengan tema ini karena masih terlihat sederhana, elegan dan responsive baik di smartphone maupun di perangkat tablet. Revisi template ini ditempuh dalam waktu yang lama, dan juga banyak mengalami masalah saat saya edit khususnya error pada xml.

Saya sempat putus asah memodifikasi tema ini, tapi demi apapun yang saya inginkan maka saya akan melakukanya, hal itulah yang mendorong saya untuk memodifikasi sendiri. Disaat saya belajar, blog kompi ajaib sering kali muncul saat saya mencari pembahasan tentang materi template blogger.

Dan sekarang ini kali terakhir saya dalam menyempurnakan dan mengedit template EvoMagz old ini, karena sudah capek dan sudah habis materi yang bisa saya tetapkan. Seandainya saja tanpa google adsense, loading halaman bisa up sampai 89% di versi mobile dam 100% untuk versi tampilan dekstopnya. Tapi setelah dibebani dengan js adsense speed loadnya mentok di 67% dan 97% dekstop, blog mastimon.com saja mempunyai page load 29-45% an saja bahkan sampai tidak terasa oleh saya, loading lambat baru benar-benar dirasakan ketika koneksi internet lemot dan saya sedang membuka beberapa halaman di blog ini, dan pada saat itulah saya sadar kalau bukan sekedar jaringan yang menyebabkan koneksi saya lelet.

Alhamdullilah tema blog ini sudah rampung sekarang, dan tidak akan saya ganti sampai kapanpun. Saya anggap sebagai kenangan, pada tema ini juga saya bisa diterima google adsense saat penambahan situs ke Adsense.
Terimakasih blognya bang Adhy Suryadi kompiajaib.com dan blognya arlinadesign berkat blog kalian saya jadi memahami template blogger, mulai dari gaya penulisan, pemformatan dan masalah load halaman. Walaupun saya tidak begitu menguasai javascript, tapi Alhamdulilah berkat mencoba gagal demi gagal akhirnya berhasil.

Template ini tidak saya bagikan ke siapapun, karena saya bukanlah pemilik aslinya. Lagipula saya tidak ingin menjatuhkan karya orang, apalagi tema ini saya dapatkan secara gratis. Sudah cukup itu saja bagi saya, itu saja sudah merugikan (ilegal) apalagi membagikan.

Dan pesan terakhir dari saya, terimakasih sudah membaca artikel saya ini. Semoga kalian juga terinpirasi dari apa yang saya lakukan walaupun jauh dari kata sukses hahaha.

Post a Comment for "Memperbaiki template halaman di EvoMagz versi 2.8"