Selasa, 04 November 2014

Menambahkan H1 Pada Gambar Header

H1

Ketika saya mengganti judul header blog dengan sebuah gambar kemudian saya cek di situs web Chkme, ternyata tag H1 pada blog saya menghilang (H1: Zero, that is Really Bad).

H1 Bad

Setelah mencari dan mendapatkan solusi untuk mengatasi hal tersebut, saya coba cek kembali dan hasilnya tag H1 pada blog saya sudah kembali normal (H1: 1, that is Good).

H1 Good

Jika Anda mengalami hal yang sama seperti saya atau Anda hanya ingin menambahkan tag H1 pada gambar header, Anda bisa ikuti langkah-langkah berikut ini.

1. Unduh terlebih dahulu template blog Anda (opsional).

2. Pilih menu Template > Edit HTML lalu cari kode seperti berikut (untuk memudahkan pencarian kode tekan Ctrl + F).

<!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>

3. Setelah itu Anda tinggal menambahkan tag H1 lalu Simpan template.

<!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1>
        </a>

Tidak ada komentar:

Posting Komentar