Cara membuat gambar header blog berada di tengah

Cara agar logo header blog berada di tengah. Hai pembaca setia blog Maxinroe. artikel kali ini membahas bagaimana sih cara mengatur ukuran logo agar sesuai dengan tampilan template dan membuat logo tersebut berada di tengah-tengah blog versi tampilan seluler.

Untuk sebagian blogger mungkin sudah memahami bagaimana cara mengatur logo agar terletak di tengah blog versi seluler. Tapi bagi Newbie, cara ini masih banyak di permasalahkan.

Sebenarnya banyak sekali tutorial mengenai cara mengatur logo agar tampil di tengah. Tetapi masih banyak blogger yang merasa bingung untuk menerapkan cara tersebut.

Cara kali ini tergolong sangat mudah dan 100% akan berhasil. Tidak perlu repot-repot mengedit menu HTML blog.

Kali ini saya akan berbagi pengalaman mengatur letak logo agar berada di tengah blog. Cara tersebut 100% berhasil, mengingat saya telah sukses melakukan cara tersebut.



Bagaimana cara mengatur agar logo header berada di tengah blog?

Untuk mengedit tataletak logo di blogger tidak terlalu rumit. Anda hanya harus melakukan penyesuaian kode yang akan merubah letak logo tersebut. Dalam hal ini kita menggunakan menambahan kode CSS melalui menu penyesuaian Template. Berikut langkah-langkahnya:


1. Masuk ke akun Blogger

2. Pilih tab Template lalu pilih menu SESUAIKAN (Customize), Jangan membuka tab EDIT HTML



3. Pilih menu Advance Setting (Tingkatan lanjut) lalu pergi ke menu TAMBAHKAN CSS (Biasanya berada pada tab paling bawah)



4. Tulis kode berikut di kotak kosong pada menu Tambahkan CSS

#header-inner {
background-position: center !important;
width: 100% !important;
text-align: center;
 }
#header-inner img {
margin: auto;
}


5. Lalu tekan ENTER dan simpan setelan.


6. Tinjau perubahan tersebut dengan melihat blog anda di Smartphone, Taarrrraaaa,, Logo header blog anda sudah berubah posisi menjadi di tengah.


Sekian tutorial singkat ini (Cara merubah posisi logo header blog berada di tengah), semoga bermanfaat!

"Logo dapat kamu upload terlebih dahulu di menu pengaturan tata letak blogger sebelum melakukan cara di atas"

Post a Comment

12 Comments

  1. Mas,kalo dilihat dari versi desktop apa posisinya juga bisa berada ditengah?

    ReplyDelete
    Replies
    1. Tidak mbak, di versi desktop posisi logo tetap pada tempatnya.. tapi di versi mobile, logo brda di tengah.

      Delete
  2. Mantab gan sukses saya terapkan di blog saya, makasih tutorialnya :)

    mampir ke blog saya gan https://www.santai.id

    ReplyDelete
  3. Yahuud banget, mas, infonya. Diterapkan, langsung 'thok cerrr..'
    Makasih, ya. Silakan singgah di blog kita..

    ReplyDelete
  4. Ntap.. Lgsung joossss

    ReplyDelete
  5. ada tutor untuk mengatur ukuran gambar di headernya gak? gan

    ReplyDelete
  6. Mantap gan, sukses di terapkan

    ReplyDelete