Rabu, 29 Juni 2016

Cara Mengetengahkan Header Gambar

Seringkali kita bingung bagaimana sih cara mengetengahkan header image (header gambar) yang kita miliki di blogger nya blogspot.  Jangan pusing, dibawah ini saya sajikan bagaimana cara membuat header gambar kita menjadi center.

Cara Membuat Center Header Image, adalah sebagai berikut:

  1. Buka blog kita yang mau di rapihkan headernya

  2. Lalu highligh headernya  --->>> lalu klik kanan mouse --->>> pilih Inspect Element (Q)
  3. Maka akan terbuka window seperti ini:
  4. Perhatikan code yang mau kita buat adalah Header1_headerimg
  5. Sekarang kita buka dashboard blogger kita
  6. Pilih Template --->> Sesuaikan
  7.  Maka akan terbuka window seperti ini:
  8. Lalu klik Tingkat Lanjut --->>> drug kebawah cari tulisan Tambahkan CSS
    Isikan coding berikut di kotak Tambahkan CSS

    #Header1_headerimg {
     margin-left:25px;
     }


  9. Nah lihat sekarang kita sudah punya header image yang letaknya center atau di tengah2 blog kita
  10. untuk menampilkan di home blog, Klik Terapkan ke Blog
  11. Lihat hasil
  12. Selesai !!!   Selamat Mencoba.
  13. Jika Coding CSS diatas tidak bisa, coba pakai coding CSS yang ini:

    .header-outer {
     background: transparent none repeat-x scroll 0 -400px;
     margin-left: 6px !important;
     }

Tidak ada komentar:

Posting Komentar