Mempercantik tampilan blog tentunya menjadi salah satu harapan seorang blogger. Ya, ibarat rumah, kalau cantik dan bikin nyaman pasti si empunya betah, pun dengan tamu yang akan berkunjung. Begitulah kira-kira perumpamaan yang tepat. Masa iya kita mau tampilan blognya apa adanya aja, nggak kan? Apalagi untuk menyambut mereka yang berkunjung ke blog kita. Kalau tampilan blognya cantiik, yang berkunjung pun akan nyaman membaca tulisan kita.
Mempercantik tampilan blog dengan mengubah template adalah ilmu baru yang aku terima dalam pembelajaranku bersama Blogspedia ini.
Untuk aku, si newbie di dunia perblog'an, template ini merupakan kenalan baru. Pepatah mengatakan, ta kenal maka ta sayang. Makane kenalan sik ben sayang, huhuhu.
Pengalaman pertamaku yang bener-bener nol pengetahuan tentang blog, ini merupakan gebrakan baru, karena aku si emak yang gaptek ini, mau ngga mau harus uthek-uthek printilan yang berhubungan dengan blog, ya termasuk si template ini.
Mau tau serunya aku memulai perjalananku berikhtiar mempercantik blog? Walaupun belum cantik-cantik amat sih, tapi ngga papa lah, namanya juga belajar ya dear, jadi berproses...
Mengapa harus mempercantik tampilan blog?
Ya kalau ada modalnya, siapa sih yang ngga mau tampil cantik? Nah, modal mempercantik blog kita ini adalah ilmu-ilmu yang diberikan oleh coach kesayangan kita semua, mba Maritaningtyas.
Salah satu mempercantik blog adalah dengan mengubah template.
Fungsinya? Ya jelas banyak. Tampilan blog yang menarik dan user friendly akan membuat para pembaca betah berlama-lama di blog kita. Tamunya aja betah, apalagi yang punya rumah nih. Kalau blognya udah eye catching, pasti makin getol ngeblognya. Eiits, tapi jangan lupakan juga kualitas kontennya ya dear.
Masih inget banget kata-kata coach, kalau rumahnya bagus isinya kosong ya pada bae, jadi semoga kita bisa menyeimbangkan rumah dan isinya. Aamiin.
So, gimana nih awal mula otak atik template?
Sebelum mengganti template pihak ketiga, coach mengajarkan mengganti template yang ada pada bawaan blogspot. Caranya?
Ke BLOGSPEDIA aja komplit nih ilmunya.
Selamat mempelajari ya dear..
Setelah puas otak atik template bawaan blog, materi lanjut ke memasang template pihak ketiga. Pihak ketiga? Kq serem ya dengernya? Tenang buibu, kakak-kakak semua, pihak ketiga ini aman koq, bukan yang sifatnya merusak tapi malah mempercantik, hihihi.
Memilih Template Pihak Ketiga
Oh iya, sebelum menggunakan template pihak ketiga, coach berpesan, diusahakan memahami dulu otak atik template bawaan, emang penting? Tentu saja, karena bagaimanapun template pihak ketiga, cara nyetingnya ya tetep pake platform blogspot. Bisa bayangin kan kalau nyeting template bawaan aja masih bingung, ya kali ngga kebingungan juga pas nyeting template pihak ketiga.
Nah kalau yang kesusu, eh bahasanya tergesa-gesa mau cepet-cepet tampilannya bagus tapi ngga paham ilmunya, seringnya yang terjadi adalah banyak link yang kosong. Tehnik instalasi yang salah menyebabkan banyak gadget-gadget dari template yang sebelumnya dipakai masih ngikut, dan yang jelas bikin kurang rapi. Dan, untuk aku, ngga yakin kalau bisa merapikannya sendiri, huhu.
Makanya jangan suka terburu-buru ya, ikut aturan mainnya coach aja. Lagipula sifat terburu-buru itu juga termasuk bisikannya syaiton lho.
Lanjuuut..
1. Cek pagespeednya
Caranya :
klik https://pagespeed.web.dev/
Masukkan url demo template yang mau di cek, klik analyze
Kalau sudah muncul sekian persen, dari situlah kita bisa lihat performance'nya. Kalau pagespeednya udah oke, lanjut ke langkah berikutnya.
2. Cek SEO
Caranya :
Web seoptimer.com (versi gratisnya hanya bisa 2 atau 3 kali coba)
Caranya hampir sama seperti pada pagespeed yaitu memasukkan url yang akan di cek lalu klik dan akan muncul hasilnya.
Extension Meta Seo Inspector
Caranya buka dulu demo template'nya lalu klik extensionnya
Nah, di kelas menulis ini, coach sudah menyediakan template pihak ketiga untuk murid-muridnya, yang sudah disetting sedemikian rupa, yaitu template fiksioner plus ditambah panduan settingnya.
MasyaAllah bukan?
Terus prakteknya? :D
Mempercantik Blog Menggunakan Template Pihak Ketiga
Qadarullah awal pembelajaran template ini, coach memberikannya secara online. Dan hasilnya? belum menguasai blas, :D.
Alhamdulillah kemudian pekan berikutnya, diberikan kesempatan untuk kelas secara offline.
Entah harus bilang apalagi selain kata maaf dan terima kasih untuk coach, karena aku ini menyadari betapa lola'nya aku kalau berhubungan dengan teknologi, dan coachku MasyaAllah suwaabar rek.
Kami dituntun dong dengan penuh kesabaran dari awal mendonlot fiksioner yang prosesnya lumayan detail dan nrithik, sampai akhirnya pada otak atik template yang sudah terpasang. Kalau template pihak ketiga sudah terpasang, lanjut ke langkah berikutnya yaitu mengubah beberapa tampilan di blog kita.
Mengubah Header
Langkah pertama yang aku lakukan setelah template terpasang adalah mengubah header, yaitu header kecil dan header besar.
Mengubah header kecil
Tampilan header kecil biasanya berisi atau bertuliskan nama blog kita. Sebelum mengubahnya, tentu kita harus sudah mempersiapkan gambar yang akan kita unggah.
Kalau pengalamanku kemarin, ya aku buat dulu, pakai Canva. Ukuran yang digunakan untuk header kecil 300x50. Desain sesuai kemauan kita. Kalau kata coach dan para senior, warna yang akan kita pilih nantinya akan menunjukkan identitas kita.
Masuk ke dashboard blog, lalu ke tata letak, kemudian pilih header
Klik tanda panah, kemudian akan muncul tampilan konfigurasi header, nah bisa pilih salah satu. Kalau aku, pilih yang upload gambar dari komputer.
Kemudian pilih file dan masukkan gambar yang sudah kita desain. Eiits, jangan lupa rename pict dulu ya. Setelahnya klik save/ simpan. Jangan lupa klik gambar disket yang ada pada bawah layar.
Tunggu dan lihat hasilnya…
Mengubah Header Besar
Seperti halnya dengan header kecil, kita siapkan gambarnya terlebih dahulu, dengan ukuran 1000x250.
Langkah berikutnya jangan lupa rename pict'nya sebelum diunggah.
Kemudian masuk ke blog ➡️ Postingan baru
Unggah foto seperti biasa ketika kita ingin mengunggah foto untuk artikel blog.
Klik kanan pada gambar dan salin alamat gambar
Kembali dan masuk ke tata letak, pilih billboard ➡️ big ad, klik
Setelah muncul seperti ini, blog kode dari https sampai png, delete dan copy dengan link gambar yang sudah kita salin tadi
Jangan lupa untuk klik save dan juga gambar disket
Tunggu dan lihat hasilnya..
Mengganti Salam Kenal
Masuk ke bagian tata letak ➡️ sidebar
Kemudian isi judul dengan kata yang akan kita gunakan
Untuk mengisi data lain-lain dibawahnya, masih tetap di sidebar, dibawah judul
Lihat tampilan di bawah ini
Nah, ini lumayan juga kudu melek matanya, hihi. Kita ganti kata-kata bawaan template menjadi kata yang akan kita gunakan. Seperti, nama blog kita, alamat blog, dll.
Pengalamanku kemarin, setelah berhasil menguasai utak atik semuanya, barulah terakhir aku bermain dengan warna.
Bermain Warna Pada Tampilan Blog
Setelah lumayan menguasai mengganti header, aku mencoba mengubah warna, berharap tampilannya bisa eye catching dan sesuai dengan warna kesukaanku.
Untuk bermain dengan warna, aku mengikuti saran dari coach, yaitu menggunakan Colourzilla. Caranya? Klik Colourzilla dan tambahkan ekstensi.
Colourzilla ini berfungsi untuk mencari warna yang kita inginkan, yang tidak ada pada pilihan warna bawaan.
Dengan colourzilla, kita bisa mendapatkan kode warna yang kita inginkan dan merefleksikannya ke dalam tampilan blog kita.
Fyi, aku butuh meluangkan waktu menyendiri di depan laptop, untuk mengotak atik semuanya dari awal dengan harapan bisa benar-benar memahami ilmu yang disampaikan oleh coach (malu, kalau minta diajarin teyuus :p). Karena, seperti yang kusampaikan di awal, urusan teknologi emak 4 anak udah keteteran menelan ilmunya, jadi ya butuh kesungguhan dan menikmati setiap prosesnya :D
Semoga sedikit sharing tentang mempercantik blog menggunakan pihak ketiga ini bisa bermanfaat ya...
MashaAllah...dapat ilmu lagiii...jazakillah khoir mb etha...siyaapp eksekusi buat percantik blog...😍🙏
BalasHapusWajazaakillahu khoir mba eny, pokoke saling menyemangati yaa mba 😍😘
HapusIhiiiirrrr ranger piiink
BalasHapusHahaha, cah romantis mba 😄uhuuuy
Hapus