Template Blog Gratis - Blogger Responsive
Memilih tema blog baik itu yang gratis maupun yang berbayar semestinya tetap memerlukan seleksi untuk mempermudah penyesuaiannya dengan blog.
![Tips memilih template Blogger gratisan](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy7wlQvljn1CJtXuMRz-w3kWsXbXM_3fY1V7gY8_0xIt60YL3g3nBgnGvH_o7lBSmhBdhHtTy6h4RVKrT3tzJomcQWbuSfqeGHlYcEQDs3ZGiDgGy2rdM5z5RRv50tuwnpcskvkyDMfZeclcCaDZYT7rXKzKfp8V0an9tOEaToQa7SCYZqKlhwaA/s1600-rw/post%20img.webp)
Setelah menemukan tema yang masuk dalam kriteria, hendaknya selalu lakukan pengujian terhadap tema tersebut sebelum diterapkan ke blog. Karena dibalik tampilan tema yang baik, kadang kala terdapat unsur yang nantinya menjadi kendala. Dan kendala yang paling umum adalah dalam penyesuaian template.
Inspeksi tema dengan Devtool
Untuk meminimalisir kendala dalam penyesuaian template yang biasanya terkait dengan kode-kode template misal script, snippet, meta dan beberapa elemen HTML. Pada saat Demo template lakukan inspeksi menggunakan Chrome Devtool untuk mengetahui apakah terdapat error pada tema tersebut.
Screenshot dibawah ini, contoh pencatatan error yang terdapat pada template blog untuk URL halaman utama / halaman depan.
![Error Konsol Devtool](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnqQ9V2yXac-72RMKIH6Yx35gH0z-MZSuvjGFzTSn-0G2cuES35R7jt0UWxdxMRDrAPBH-5XFpY1P0JZCZpXcWXIGscli4P1B8AOCSfuQTdrsHPUB1iG8GRwxeq4n4Tq83BuxCUd0VJo5QKO_pOIB_XPC7y2iV3AKBg4yVgL05SSxGaTpWvrxg0w/s1600-rw/5%20error.webp)
Untuk melihat apa penyebab error tersebut, klik sesuai petunjuk anak panah. Maka akan ditampilkan daftar error yang dimaksud akan tampak seperti pada screenshot berikut :
![Consol Error](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFCUnYiZ_0NYbTw7QY8YIg8dptsocXn5u2OsYGnBKt-Rp1Wv2cfFlltxAZX8SQv0UX3cHKgV5j5eduLW5Vq3H2spPxyvOzb9YrxdERBffwqQQJbtJ0WuMhxrW-T54qw6Ro0z-0SXdNOPKecI-oZ39EW1-Xg8BiyJjEJX1zmlD0-cCviVuNsN2kcw/s1600-rw/Konsol%20error.webp)
Pada screenshot diatas, perhatikan kolom warna merah, klik tautan didalamnya untuk mengetahui letak penyebab error didalam sumber halaman / template blog. Lokasinya otomatis akan ditunjukkan seperti pada screenshot dibawah ini :
![Index Error](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLqXGcSNhCpJmzFoV1ZadC6rhC9LNEFpIMvW8e1ihHyxMRLEh9gOtMleu-LJdclzpVXlVl1h1A2cd-DjSw_ndxOrp6_kGQsIHAP519nUy8cRr7hgzwXM2iFHKvcRPZWfuAp1eV15_cenHehKDL8VX93QefjIbW_K_86Ci3EIW2umkb-ml7RTSfgg/s1600-rw/show%20error%20index.webp)
Pencatatan error yang ditemukan dengan Chrome Devtool tersebut juga akan menjadi point error pada pengujian Pagespeed Insight. Dimana akan terdeteksi bahwa praktik terbaik yang dilakukan terhadap halaman blog masih kurang dan otomatis mengurangi nilai halaman.
Dibawah ini screenshot pencatatan error pada hasil pengujian Pagespeed Insight untuk halaman yang sama.
![Speed test Error](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0SHR4TYAzauU1-D78j9XHknvG13bBtZQJKM4hqxo9-bWs8dtGDvCvgdhMmd2XdNs0HRGvoE76Rzvm9IudQpz4gU0P0xQSEHeA7z6HrnDn9WV71a-UjXZd4qJ3_vK75kDDJLmLh5_wPVudhoAIsQCtmKxtVzp-Jpt9etbw1RTcEDiHJicvbm8peQ/s1600-rw/speedtest%20error.webp)
Target Inspeksi
Agar hasil inspeksi halaman lebih maksimal, lakukan inspeksi ke semua halaman yang terdapat pada demo template.
Karena elemen yang ditampilkan di halaman utama terdapat perbedaan dengan elemen yang ditampilkan dihalaman postingan. Dibawah ini pencatatan error pada konsol Devtool untuk halaman postingan.
![Error Konsol Devtool](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0LoIBD8UIavyMKfaNw5Ef4R9u0SXfjRMS0SNBaQTJqSaH8Ju7Vo5IgHnd1FbB3fe6-WLKJPAZE9fwZcpFmsI8wWy_NUOs3QWM4u2DnMIqqmzh0NWKHllPIHnbkBP5rxwQcI6zziABUIJTehcJqj13G_CwTcBIyvqWxcmPCj8o0ktAcFeyVTpqZw/s1600-rw/12%20error.webp)
Karena halaman postingan susunan elemennya lebih kompleks maka bisa saja error yang ditemukan lebih banyak daripada error yang terdapat di halaman depan blog.
Jadi dalam memilih tema blog, sangat disarankan agar melakukan hal tersebut diatas, yaitu :
1. Inspeksi tema halaman baik itu halaman depan maupun halaman postingan.
2. Lakukan pengujian / audit tema pada kedua halaman tersebut di :
Baca juga :Tips mengkustom tema Blogger.