Mengatur ukuran logo header tema notable

Beberapa saat yang lalu saya sudah share cara mengganti judul blog dengan logo gambar pada tema-tema bawaan blogger versi lama, untuk desain dan cara upload gambarnya pun sama dengan tema notable, hanya saja kode css yang digunakan pada tema notable sedikit berbeda.

Perbedaannya yaitu jika pada tema versi lama,  ukuran tinggi gambar logo mengikuti ukuran lebar gambar logo. Sedangkan pada tema notable justru sebaliknya, yaitu ukuran  lebar gambar logo mengikuti ukuran tinggi gambar logo.

Cara mengatur ukuran logo header tema notable

1. Pertama, kunjungi dashboard blogger, klik Tema, Edit HTML.

2. Berikutnya anda cari kode seperti ini

.widget.Header img{
max-width:100%
}

Tambahkan ukuran tinggi atau Height, misal height:40px;, hasilnya akan seperti ini

.widget.Header img{
max-width:100%;
height:40px
}

3. Terakhir anda klik Simpan.

 

Semoga bermanfaat.

Related