Skip to content Skip to sidebar Skip to footer

Cara memasang header paling mudah valid HTML5

Cara memasang header paling mudah valid HTML5


Cara memasang header paling mudah valid HTML5

Ini adalah entri lanjutan dari posting aku sebelum ini yang berjudul Cara menghilangkan atau hidden header blog. Berarti dengan menghilangkan header bawaan blogger harus ada header baru yang ingin dipasang dengan cara meng-upload gambar header atau meletakkan kode HTML seperti yang akan aku tuliskan caranya saat ini, pilih salah satu saja, jangan keduanya dipasang okey? hehehe....Dan pastikan bahwa header bawaan blogger sudah di hidden/hilangkan.

Cara memasang header paling mudah valid HTML5
Hanya dengan masuk dashboard > tata letak > tambahkan gadget > pilih HTML/JavaSript dan masukkan kode berikut (letakkan di tambahkan gadget bagian atas/header xD):

<div style="text-align:center;"><a href='http://ISI DENGAN NAMA BLOG ANDA.blogspot.com/'><img alt='ISI DENGAN JUDUL BLOG ANDA' height='534' id='Header1_headerimg' src='ISI DENGAN URL GAMBAR HEADER' style='border:0;' width='800'/></a></div>
Mungkin anda sudah punya url header yang sudah disiapkan, dan apabila belum di bawah ini aku punya header buatanku dengan ukuran dan URL HEADER nya silahkan diambil kalau mau, atau boleh meng-copy gambar header nya  terus di upload/mengambil url. Kode yang aku tandai dengan warna merah itu adalah ukuran tinggi/height dan lebar/weight header silahkan untuk menukarnya sesuai dengan keinginan anda. Tulisan center itu bila header ingin diletakkan di tengah, kalau ingin meletakkan di sebelah kanan cukup menukarnya dengan right, kiri dengan left sesuai keinginan.
Header ukuran 362/lebarx302/tinggi:


Cara memasang header paling mudah valid HTML5


Ukuran 598X188:

Cara memasang header paling mudah valid HTML5


Ukuran 600x254:

Cara memasang header paling mudah valid HTML5


Ukuran 596x198:

Cara memasang header paling mudah valid HTML5


Ukuran 600x221:


Cara memasang header paling mudah valid HTML5


Ukuran 571x186:

Cara memasang header paling mudah valid HTML5


Ukuran 600x208:

Cara memasang header paling mudah valid HTML5


Ukuran 594x159:

Cara memasang header paling mudah valid HTML5

sample:

<div style="text-align:left;"><a href='URL-BLOG'><img alt='NAMA-BLOG' height='140' id='Header1_headerimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnGvRY1OhoVnRK4NB91dSZQjW8TR2Of_1kRBlvsGVdlBsXyd95-5s9N29sIOggw_20yvACeooCW_kkoF10WiCGNaBcpfkBKxkLekihKD4AcbzA57mSu8v0Aw7IPo-fJoOlqEMt2faZbPR5/s400/h3.png' width='440'/></a></div>

Cara memasang header paling mudah valid HTML5

6 comments for "Cara memasang header paling mudah valid HTML5"

  1. keren tutorialnya, saya simpen dulu ya jeng scriptnya, siapa tahu nanti mau ganti header...

    ReplyDelete
  2. Kenapa imag header nya membuat mataku blank :v :v :v

    ReplyDelete
  3. thx sharingnya. cuman kalu selain pakai tambah widget gimana ya. pakai templaet aslinya.thx lagi atas pencerahannya.salam.

    ReplyDelete
    Replies
    1. buka saja entri saya sebelumnya = Cara menghilangkan atau hidden header blog,disitu ada penjelasannya

      Delete
  4. terima kasih :) sangat bermanfaat untuk memasang header ini

    ReplyDelete