Cara Mengatasi Ukuran Tulisan dan Gambar Header Pada Blogger Versi Terbaru

 

Cara Mengatasi Ukuran Tulisan dan Gambar Header Pada Blogger Versi Terbaru, pada versi blogger terbaru saya cek Banyak sekali menemukan beberapa website maupun blog yang penempatan dari beberapa CSS maupun gambar-gambar sudah tidak sesuai dengan letaknya dikarenakan mungkin karena mereka jarang update atau mereka sudah jarang buka kembali blog mereka sehingga banyak sekali dari desain blog tersebut sudah tidak teratur dan sudah tidak tepat lagi karena kemungkinan besar setelah blogger update pada versi terbaru banyak beberapa kode yang mulai mengalami error pada blog tersebut.

Saya sebagai blogger kadang tidak enak untuk melihat seperti pada salah satu blog milik saya yang letaknya tidak sesuai dan sudah berubah dan ini merupakan salah satu kasus dari sekian Kasus yang sudah saya temukan Salah satunya yaitu kasus pada gambar-gambar relatied post ataupun pada artikel terkait yang sudah tidak muncul lagi dan untuk tipsnya maupun untuk cara mengatasinya sudah pernah kami bahas di postingan sebelumnya

Oke tanpa mengurangi waktu lagi berikut adalah cara yang paling mudah untuk mengatasi gambar maupun tulisan pada header blog Anda yang posisinya ataupun ukurannya berubah atau mungkin anda menginstal tema ataupun template yang anda download di Google tetapi ketika tema tersebut Anda pasang Ternyata banyak yang error dan ternyata memang untuk beberapa tema yang sudah ada di Google yang sudah di publish sebelum tahun 2020 memang sudah tidak bisa dipakai lagi kebanyakannya

Oke Langsung saja untuk mengatasi hal tersebut silakan langsung bisa anda Simak panduannya di bawah ini

1. Masuk dasboard blogger lalu pilih bagian TEMA lalu pilih bagian EDIT HTML kemudian cari kode #header atau .title atau .header img gunakan CTRL+U untuk mempercepat pencarian.

2. Disini saya ambil kasus pada template buatan arlina contoh kodenya seperti dibawah ini

#header{background:#fff;position:relative;display:block;margin:0 auto;max-width:970px;}
#header .title{font-size:210%;margin:10px 0 0 0;padding:0;display:inline-block;width:100%;max-width:240px;}
#header .title a{color:#000;}
#header .title a:hover {color:#138be6;}
#header p.description{display:inline-block;font-size:90%;margin:5px 0 0 0;line-height:normal;}
.header img {display:block;height:auto;}
#headerdua {float:left;}

3. Untuk mengatur ukuran gambar atau tulisannya anda tinggal hanya ubah ukuran yang saya kasih tanda merah saja, jika kekecilan silahkan perbesar persentasenya dan jika kebesaran silahkan perkecil persentasenya, dan patokannya pada font-size.

4. Save tema/templatenya dan lihat hasilnya.

Oke sekian dulu apa yang bisa kami sampaikan tentang bagaimana cara mengatasi tulisan maupun gambar pada header yang ukurannya melebar ataupun kekecilan sehingga sudah tidak enak dipandang mata lagi atas kunjungannya kami ucapkan terima kasih Silakan dicoba