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 Top Ad
Responsive Ads Here
Minggu, 30 Juli 2017
Cara membuat gambar header blog berada di tengah
Langganan:
Posting Komentar (Atom)
Post Top Ad
Responsive Ads Here
Author Details
Templatesyard is a blogger resources site is a provider of high quality blogger template with premium looking layout and robust design. The main mission of templatesyard is to provide the best quality blogger templates which are professionally designed and perfectlly seo optimized to deliver best result for your blog.
Tidak ada komentar:
Posting Komentar