Cara Membuat Gambar Header Rata Tengah
Dalam postingan sebelumnya pernah saya sharekan mengenai Cara Membuat Judul Header Rata Tengah. Untuk kali ini saya akan coba berbagi mengenai Cara Membuat Gambar Header Rata Tengah. Hal ini juga untuk menanggapi komentar yang menanyakan bagaimana kalau Gambar, Judul dan Deskripsi juga rata tengah.
Berikut langkah-langkah yang bisa Anda coba :
- Pertama Login Blogger
- Pilih Rancangan
- Pilih Edit HTML
- Beri tanda Centang pada Expand Widget Template
#header-inner { background-position: center; margin-left: auto; margin-right: auto;}
#header h1 {font-weight:100;color: #D7DF01;text-decoration: none;font-size: 36px;
line-height:28px;padding:0;text-align:center;}
#header .description {margin: 0;padding: 0px 0 5px 0px;font-weight:800;
font-family:arial,verdana,sans-serif;color:#FFFFFF;font-size: 100%;letter-spacing: 1px;text-align:center;}
#header h1 {font-weight:100;color: #D7DF01;text-decoration: none;font-size: 36px;
line-height:28px;padding:0;text-align:center;}
#header .description {margin: 0;padding: 0px 0 5px 0px;font-weight:800;
font-family:arial,verdana,sans-serif;color:#FFFFFF;font-size: 100%;letter-spacing: 1px;text-align:center;}
Untuk tulisan yang berwarna Merah menunjukan posisi gambar, Biru untuk Judul dan yang Hijau untuk Deskripsi blog.
Hasilnya akan tampak seperti ini :
Untuk setting gambar berada disisi Kiri atau Kanan tinggal merubah #header-inner nya saja
#header-inner { background-position: left; margin-right: auto;}
Hasinya :
#header-inner { background-position: rigt; margin-left: auto;}
Hasilnya :
Demikian sedikit penjelasan mengenai Cara Membuat Gambar Header Rata Tengah.
Semoga Bermanfaat.
http://agungpatiwidagdo.blogspot.com
Anda sedang membaca artikel tentang Cara Membuat Gambar Header Rata Tengah dan anda bisa menemukan artikel Cara Membuat Gambar Header Rata Tengah ini dengan url http://riviera-anime.blogspot.com/2012/03/cara-membuat-gambar-header-rata-tengah.html, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Gambar Header Rata Tengah ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan Cara Membuat Gambar Header Rata Tengah sebagai sumbernya.
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58 :59 :60 :61
:62 :63
Terima kasih atas artikelnya.
BalasHapuso iya selama saya jelajah mencari ilmu dengan blogwalking, menurut saya
anda memiliki kelebihan tersendiri dari situs-situs lain dan jujur potensi
anda juga sangat bagus, banyak juga ilmu yang saya pelajari disini jika ada
waktu saya akan berkunjung lagi.
ditunggu kunjungan baliknya :D
#Semoga sehat selalu :D
emh,. iya makasih banyak atas pujian nya , taapi saya sarankan ,. kritik dan saran nya ,. saya masih belajar juga heheh,.
Hapus