headerblog

Cara Mempercantik Blog, Mudah dan Cepat

4 komentar


Tentang Cara Mempercantik Blog

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..


Hal pertama yang perlu diperhatikan sebelum memilih template apa yang akan dipasang adalah :

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

Tentang Mempercantik Blog Mengubah Header


Klik tanda panah, kemudian akan muncul tampilan konfigurasi header, nah bisa pilih salah satu. Kalau aku, pilih yang upload gambar dari komputer. 

Tentang Mempercantik Blog Ganti Header

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


Tentang Mempercantik Blog


Setelah muncul seperti ini, blog kode dari https sampai png, delete dan copy dengan link gambar yang sudah kita salin tadi


Tentang Mempercantik Blog


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

Tentang Mempercantik Blog


Untuk mengisi data lain-lain dibawahnya, masih tetap di sidebar, dibawah judul

Lihat tampilan di bawah ini

Tentang Mempercantik Blog


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...




Related Posts

4 komentar

  1. MashaAllah...dapat ilmu lagiii...jazakillah khoir mb etha...siyaapp eksekusi buat percantik blog...😍🙏

    BalasHapus
    Balasan
    1. Wajazaakillahu khoir mba eny, pokoke saling menyemangati yaa mba 😍😘

      Hapus

Posting Komentar