Cara Mempercepat Loading Template Viomagz

Dalam keadaan default loading template VioMagz sebenarnya sudah cukup cepat tanpa harus mengorbankan tampilan menjadi terlalu simpel.

Tapi jika sobat benar-benar terobsesi dengan kecepatan dan tidak keberatan untuk mengorbankan tampilan, di bawah ini saya tuliskan panduan cara membuat template VioMagz menjadi super cepat.

Menonaktifkan Navbar

Hal pertama yang bisa dilakukan adalah menonaktifkan Navbar pada template. Menonaktifkan Navbar tidak mempengaruhi tampilan template.

Navbar pada template VioMagz sebenarnya sudah disembunyikan menggunakan CSS, namun navbar tersebut masih aktif meskipun tidak terlihat.

Untuk menonaktifkannya silakan ikuti langkah-langkah berikut:

Login ke Blogger > Masuk ke menu “Tata Letak”
Klik edit pada bagian widget Navbar(letaknya di atas Header)
Selanjutnya pilih “Off”
Klik “Simpan”
Selesai

Menghilangkan Thumbnail Postingan di Homepage

Cara yang ketiga mulai sedikit merubah tampilan template, yaitu dengan menghapus thumbnail postingan di homepage.

Caranya seperti berikut:

Login ke Blogger > Masuk ke menu “Tema”
Klik tombol “Edit HTML”

Cari dan hapus kode ini pada template:

<b:include data='post' name='postthumbnail'/>

Selanjutnya cari kode CSS ini :

.info-1, .info-2, h2.post-title, .post-snippet {
 margin-left: 275px;
}

Hapus dan ganti dengan ini:

.info-1, .info-2, h2.post-title, .post-snippet {
 margin-left: 0px !important;
}

Jika sudah, klik “Simpan tema”

Menghilangkan Fitur Numbered Page Navigation

Fitur Numbered Page Navigation atau navigasi halaman bernomor pada template VioMagz bergantung pada JavaScript.

JavaScript sebenarnya tidak bagus untuk kecepatan loading blog, jadi supaya loading templatenya lebih cepat, sobat bisa menghilangkan fitur ini.

Berikut langkah-langkahnya:

Login ke Blogger > Masuk ke menu “Tema”
Klik tombol “Edit HTML”

Cari dan hapus kode ini pada template:

<script>
//<![CDATA[
if(typeof firstText=="undefined")firstText="First";
...
...
... sampai dengan ....
...
...
"+perPage+"#PageNo="+noPage}location.href=pAddress}
//]]>
</script>