Cara membuat gambar header blog berada di tengah - sang pencuri

Breaking

Post Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

Minggu, 30 Juli 2017

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"

Tidak ada komentar:

Posting Komentar

Post Top Ad

Responsive Ads Here