Cara Merubah Ukuran Logo Header di Blogger Lewat Edit HTML

Cara Merubah Ukuran Foto atau Logo Header di Blogger – Pernah gak kamu udah pasang logo di blog kamu, tapi ukurannya itu kebesaran atau kekecilan, dan itu gak bisa diubah di customize blogger secara langsung. Lalu, bagaimana cara mengubahnya dong?

Cara Merubah Ukuran Foto atau Logo Header Blogger

Saat kita membeli tema atau template blogger baru, dan memasang logo blog kita pada template tersebut, logo yang telah kita pasang ukurannya terkadang tidak sesuai yang kita harapkan, baik itu kebesaran ataupun kekecilan.

Banyak blogger pemula yang kesulitan untuk mengatasi ini, walaupun sebenarnya Cara Merubah Ukuran Logo Header di Blogger ini tergolong mudah untuk dilakukan kalau kita memahami cara kerja CSS dan HTML.

Berikut ini tutorial ubah ukuran logo header di blogger.

Cara Resize Ukuran Logo Blogger

Penting untuk diingat ya teman-teman, sebelum melakukan perubahan pada HTML tema blogger, alangkah baiknya untuk melakukan Backup terlebih dahulu, agar ketika terjadi kesalahan sekecil apapun, mudah untuk merestore nya kembali.

A. Melakukan Backup atau Mencadangkan tema

• Buka blogger kamu
• Lalu login dengan aku masing-masing
• Setelah masuk tampilan dashboard
• Pilih Tema
• Lalu klik Backup/pulihkan 
• Klik Download Tema

Setelah tahapan ini selesai, maka kita dapat melanjutkan ketahapan selanjutnya untuk mengganti ukuran logo header blogger dengan tenang tanpa takut terjadi kerusakan pada tema kamu.

B. Cara Merubah Ukuran Logo Header Blogger

• Klik kanan pada logo blog kamu
• Pilih inspect

• Setelah memilih inspect maka akan muncul kolom baru

• Setelah kolom baru muncul, cari class HTML logo header kamu, biasanya setiap tema berbeda-beda untuk penamaannya. Seperti pada blog rosstev.com, class yang digunakan: .header_image_wrapper img

• Setelah menemukan CSS nya, selanjutnya kita bisa mencoba dulu ukuran berapa yang pas pada bagian min-height nya

• Disini sebagai contoh, saya coba ubah dari 46px ke 50px, dalam artian semakin besar px semakian besar pula ukuran logonya

• Ini sebelum saya ubah:

• Dan ini sesudah saya ubah:

C. Mengedit Ukuran Logo Header di HTML Blogger

• Masuk kembali ke mode Edit HTML
• Tekan CTRL+F, lalu masukkan kode elemen CSS dari logo header yang tadi dicari, dan tekan Enter

• Ubah sesuai yang telah dicoba sebelumnya, atau yang sesuai dengan keinginan masing-masing

• Jika sudah, maka tekan logo save, dan tunggu proses penyimpanan hingga selesai

Kesimpulan

Ukuran logo pada blog harus memiliki ukuran yang pas, tidak kebesaran dan tidak kekecilan, agar pengunjung dapat melihat dengan jelas dan nyaman, logo yang menjadi brand identitas blog kamu.

Cara Merubah Ukuran Foto Header di Blogger ini bisa dengan mudah kamu lakukan, jika kamu menemukan kesulitan atau kesalahan pada saat prosesnya, kamu bisa memberikan komentar dibawah.