Sedikit bercerita, proses mengenal blog di awal hingga dapat melakukan perbaikan tampilan blog memakan waktu yang cukup lama. Awal mengenal blog sebenarnya sudah cukup lama, yaitu sekitar tahun 2015-2016, namun tidak terlibat dalam komunitas atau kelas apapun dan tidak mempelajari lebih lanjut terkait fasilitas yang disediakan dalam blog. Setelah itu blog terbengkalai sampai tahun 2020, dengan tampilan bawaan blogspot.

Tampilan Awal Blog

Sebagai newbie di dunia blog kala itu, kemampuan yang bisa dilakukan hanya menulis dan upload tulisan saja. Bahkan tulisan yang di unggah hanya tulisan tanpa info grafis maupun gambar sama sekali. Masih buta dengan semua pengaturan dan fasilitas yang ada, fasilitas dalam pengaturan tampilan, perbedan page dan post, menampilkan page, hingga fasilitas dalam penulisan post.

Sumber : Blogspot

Template di atas menjadi template blogku selama kurang lebih 4-5 tahun karena ketika itu hanya mengetahui template di atas. Namun, ketika berkunjung ke blog blog lain masih sering kagum dengan tampilannya yang sangat bagus dan berbeda dengan template bawaan blogspot. Sayangnya ketika itu masih belum mencari tahu terkait cara mengubah tampilan blog agar lebih cantik lagi. Hingga direkomendasikan oleh teman saya untuk mengikuti kelas blogging blogspedia oleh coach Marita.

Meskipun beberapa kali mencoba untuk mengubah background dan tata letak lain namun tampilan masih terasa hambar. Perubahan background malah membuat loading pada blog menjadi lebih lambat karena ukuran background bawaan cukup besar sehingga berpengaruh pada kecepatan internet. Tampilan makin menjadi hambar karena tidak mengatur bagian judul, sub judul dan lain sebagainya.

Perbaikan Tampilan

Setelah mengikuti kelas blogging dari Mba Marita, mulai kenal template gratisan selain dari template bawaan. Template gratisan yang aku gunakan yaitu fiksioner dari Igniel. Kurang lebih menjadi seperti ini tampilan awal blogku setelah menggunakan template dari fiksioner.

Aku mau sedikit berbagi nih tentang cara mengubah dari template bawaan blog menjadi template fiksioner.

1. Buka web fiksioner

Langkah pertama yang bisa kita lakukan yaitu dengan membuka web penyedia template gratis yaitu fiksioner.

2. Download

Setelah itu, klik tombol download theme yang berada di atas halaman awal fiksioner.

3. Ekstrak

File yang di download terdiri dari beberapa file yang harus kita ekstrak terlebih dahulu agar dapat digunakan.

4. Salin html

Buka file XML dalam notepad atau word, setelah itu blok semua teks yang ada (ctrl+A), pastikan tidak ada angka atau huruf yang tertinggal. Setelah itu salin seluruh teks tersebut.

5. Buka blog

Sebelum mengubah tampilan, jangan lupa untuk back up tampilan sebelumnya (jaga-jaga aja kalau ada hal-hal yang tidak diinginkan). Caranya masuk ke pengaturan blog - theme - klik segitiga di samping "costumize" - lalu klik "backup". Setelah file selesai didownload, ubah nama dan tempat file agar mudah untuk dicari.

Sekarang kita sudah bisa mengubah template dengan tenang, caranya yaitu masuk ke pengaturan blog - theme - klik segitiga di samping "costumize" - edit HTML - blok seluruh teks (ctrl+A) kemudian hapus - lalu paste teks yang sudah kita download tadi - jangan lupa simpan.

6. Atur tampilan

Setelah itu belum selesai, kita masih harus mengatur tampilan, khususnya pada header. Caranya sebagai berikut :

Layout - Header - Edit

Header sudah beres, lanjut ke menu yang akan ditampilkan agar bisa sesuai dengan page yang akan kita tampilkan. Caranya sebagai berikut :

Layout - Menu - Edit

Pada bagian yang digaris bawahi warna merah, silahkan untuk diubah menjadi url yang ingin ditampilkan pada menu. Sedangkan pada bagian yang digaris bawahi warna biru, silahkan untuk diubah sesuai dengan tampilan atau judul yang ingin ditampilkan.

7. Sesuaikan dengan keinginan

Setelah itu silahkan untuk cek menu "layout" dan "theme" untuk mengubah posisi tata letak dan warna sesuai dengan keinginan.

Nah, kurang lebih begitu cara untuk mengubah tampilan pada blog dengan menggunakan template gratisan. Setelah melalui proses editing yang cukup menantang untuk memasang header yang penuh dan lolos SEO Parameter, akhirnya berhasil, dan berikut hasilnya :

Kira-kira apa perbedaan dari gambar yang pertama tadi ?

Yaps, betul sekali, di gambar yang pertama, SEO Parameter masih merah dan menunjukkan angka 3, yang berarti masih ada 3 hal yang perlu diperbaiki agar lebih SEO friendly. Sekarang sudah muncul kata "ok" berwarna hijau yang berarti sudah lebih SEO friendly. Lalu bagian header yang awalnya di pojok kiri atas dengan ukuran kecil, sekarang sudah menjadi lebih besar di tengah, dan pojok kiri atas sudah berubah menjadi logo.

Selain itu, di sebelah kanan atas yang awalnya berisi profil penulis sekarang sudah berubah menjadi foto kelas yang aku ikuti, yaitu blogspedia. Bagian bawahnya, yaitu label, lalu setelah itu baru profil penulis, arsip dan postingan dengan pembaca paling banyak. Sedangkan di bawah header sebelah kiri berisi empat postingan terbaru.

Satu perubahan lagi yaitu di bagian footer atau kaki, aku tambahkan page atau halaman seperti di bagian atas. Bagi yang ingin kembali ke atas, sudah tersedia juga tombol "back to top" dari fiksioner. Selain itu, di bagian bawah juga tersedia menu sosial media yang bisa terhubung langsung dengan akun sosial media blog atau penulis. Namun, di blog ini hanya memiliki satu sosial media yaitu instragram yuk yuk kunjungi, tapi sementara ini untuk sosial media lain masih belum tersedia.

Akhirnya tampilan blog bisa lebih sesuai dengan keinginan dan lebih nyaman dibaca. Harapan kedepannya nanti semoga dapat menjadi lebih nyaman untuk dibaca lagi. Sekian artikel tentang perbaikan tampilan blog kali ini. Semoga bermanfaat.

Terimakasih sudah berkunjung dan membaca sampai akhir, jangan lupa tinggalkan jejak di kolom komentar 😊

Blogging