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"
12 Comments
Mas,kalo dilihat dari versi desktop apa posisinya juga bisa berada ditengah?
ReplyDeleteTidak mbak, di versi desktop posisi logo tetap pada tempatnya.. tapi di versi mobile, logo brda di tengah.
DeleteMantab gan sukses saya terapkan di blog saya, makasih tutorialnya :)
ReplyDeletemampir ke blog saya gan https://www.santai.id
Sip, sama sama
DeleteYahuud banget, mas, infonya. Diterapkan, langsung 'thok cerrr..'
ReplyDeleteMakasih, ya. Silakan singgah di blog kita..
Sip, semoga bermanfaat mas
DeleteNtap.. Lgsung joossss
ReplyDeleteOke, semoga bermanfaat
Deleteada tutor untuk mengatur ukuran gambar di headernya gak? gan
ReplyDeleteBelum ada nih mas
DeleteMantap gan, sukses di terapkan
ReplyDeleteMantap, semoga bermanfaat
Delete