Tuesday, 7 May 2013

Tuesday, 7 May 2013

Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan

Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan - Alhamdulillah kali ini saya bisa posting lagi yang dimana sebelumnya saya posting tentang Cara Mengubah Nama Menu/Navigasi Blog. Dan untuk kali ini Micvoster akan berbagi trik tentang Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan.

Header blog bisa diartikan sebagai kepala blog yang dimana Header blog ini sangat penting untuk kebaikan blog kita sendiri. Beberapa blogger membuat header blog dengan sebuah gambar namun ada juga hanya dengan tulisan. Untuk Header blog dengan gambar biasanya mengalami penempatan yang kurang sesuai dengan keinginan kita, biasanya setelah mengganti header blog dengan sebuah gambar maka header blog berada di bagian tengah padahal keinginan kita header blog berada di bagian kiri dan begitu pun lainnya.

Dengan pernyataan diatas saya punya solusinya yang semoga dapat bermanfaat. Nah, mengatasi itu perhatikan di bawah ini :

1. Anda harus login di blogger.com
2. Kemudian pilih Template --> Edit HTML
3. Cari kata #header-wrapper atau #header-inner atau #header img. Gunakan Ctrl + F untuk mempermudah mencarinya.
4. Jika sudah ketemu biasanya akan tampak seperti ini (gambar header berada di tengah) :

#header-wrapper{background:#fff; margin:0 auto; width:970px; overflow:hidden}
#header-inner{background-position:center; margin-left:auto; margin-right:auto}
#header{padding-left:20px; font-family:arial; width:900px; text-align:left; float:left; height:70px; color:#000}
#header h1{font:25px "Segoe UI",Arial; font-weight:bold; color:#000; text-align:left; margin-top:5px; padding:6px 0 8px}
#header a{text-decoration:none; color:#000; border:0}
#header .description{font-size:1em}
#header img{margin-left:auto; margin-right:auto}
#outer-wrapper{background:#fff; box-shadow:0 0 20px #6d5d96;
Perlu anda ketahui kode diatas berbeda-beda untuk setiap blog cari cari yang hampir sama diatas.
5. Untuk mengatur posisi gambar header berada di tengah, anda tinggal ubah kode :
#header img{margin-left:auto; margin-right:auto}
menjadi 
#header img{margin-left:auto; margin-right:auto
maka hasilnya seperti ini :
Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
Posisi Tengah/Center
6. Untuk mengatur posisi gambar header berada di sebelah kiri, anda tinggal ubah kode :
#header img{margin-left:auto; margin-right:auto}
menjadi
#header img{text-align:left}
maka hasilnya seperti ini :
Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
Posisi Kiri/Left
7. Untuk mengatur posisi gambar header berada di sebalah kanan, anda tinggal ubah kode :

#header img{margin-left:auto; margin-right:auto}
menjadi
#header img{margin-left:auto}
maka hasilnya seperti ini :
Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
Posisi Kanan/Right
8. Setelah itu anda tinggal save dan lihat hasilnya. Mudah kan ?

Demikian artikel saya tentang Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan semoga dapat bermanfaat dengan baik. Namun jika ada masalah, anda bisa berkomentar di bawah ini. 

+ comments + 14 comments

2 September 2013 at 20:54

READY STOCK!!
Tiket MotoGp Sepang-Malaysia

Tersedia juga:
# Paket MotoGp
# Paket F1 Singapore
# Paket Konser Peter Cetera
# Tiket Pesawat
# Reservasi Hotel

More info, please contact
MBS Tour&Travel
(MMBC Sudirman-Jakarta)

phone : 02157903505
FB : Mbs Tour Travel
Twitter : @Mbstourtravel
Website : http://www.mmbcsudirman.com/


Thanks..

Terimakasih MMBCSudirman atas Komentarnya di Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
2 September 2013 at 20:55

READY STOCK!!
Tiket MotoGp Sepang-Malaysia

Tersedia juga:
# Paket MotoGp
# Paket F1 Singapore
# Paket Konser Peter Cetera
# Tiket Pesawat
# Reservasi Hotel

More info, please contact
MBS Tour&Travel
(MMBC Sudirman-Jakarta)

phone : 02157903505
FB : Mbs Tour Travel
Twitter : @Mbstourtravel
Website : http://www.mmbcsudirman.com/


Thanks..

Terimakasih MMBCSudirman atas Komentarnya di Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
3 September 2013 at 21:29

mau jalan-jalan? cari tiket pesawat promo yang murah? klik http://www.mmbcsudirman.com/

Terimakasih MMBCSudirman atas Komentarnya di Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
25 February 2015 at 20:31

saya udah search #header-wrapper / #header-inner / #header img tapi gak ketemu-ketemu juga ditemplate-edit html

Terimakasih ASONANGGROE WISATA atas Komentarnya di Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
14 March 2015 at 06:38

#header-wrapper, #header-inner sama #header img nya ga ketemu, gimana solusi nya?

Terimakasih Prima Eko atas Komentarnya di Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
14 May 2015 at 06:40

nice share, coba ane aplikasikan

Terimakasih Fatkhur atas Komentarnya di Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
23 June 2015 at 09:03

Cara membuat perkedel
Cara membuat perkedel yang enak
Cara membuat perkedel isi kornet

Terimakasih Novia Fransisca Dewi atas Komentarnya di Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
20 December 2015 at 04:07

Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
Jika ya, silahkan kunjungi website ini www.kumpulbagi.com untuk info selengkapnya.

Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)

Terimakasih Dewi Aja atas Komentarnya di Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
9 March 2016 at 18:37

Terima kasih. sangat membantu

Terimakasih Ahmed Fauzy Hawi atas Komentarnya di Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
16 October 2016 at 07:55

terima kasih atas postingan yang bagus ini
Ijin Share ya :
http://salsabila-ravina.blogspot.co.id/2016/09/pencairan-jamsostek-melalui-website.html

Terimakasih Salsavira RF atas Komentarnya di Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
3 April 2017 at 21:54

sangat membantu gan..

Terimakasih Aries Asharry atas Komentarnya di Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
21 May 2017 at 04:55

mampir dulu dong disini >>> http://teknik-kekinian.blogspot.co.id/

Terimakasih Bang Dorks atas Komentarnya di Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
30 September 2017 at 09:22

makasih bnyak ilmunya gan..
saran dan masukannya gan, blog baru http://masgadget.tk

Terimakasih adiesetyadi atas Komentarnya di Cara Mengatur Posisi Gambar Header Rata Tengah, Kiri, dan Kanan
Post a Comment