
Ada cara termudah untuk mengatasi hal tersebut di atas, yaitu menambahkan langsung tag h1 pada image atau logo blog pada edit HTML. Silahkan cari kode di bawah berikut ini:
<div id=’header-inner’>
<a expr:href=’data:blog.homepageUrl’ style=’display: block’>
<img expr:alt=’data:title’ expr:id=’data:widget.instanceId + "_headerimg"’ expr:src=’data:sourceUrl’ style=’display: block’/>
</a>
<a expr:href=’data:blog.homepageUrl’ style=’display: block’>
<h1><img expr:alt=’data:title’ expr:id=’data:widget.instanceId + "_headerimg"’ expr:src=’data:sourceUrl’ style=’display: block’/></h1>
</a>
Dan bagi anda yang templatenya sudah menggunakan kode manipulasi title blog dengan gambar,berikut ini caranya:
1. Buatlah gambar yang sesuai dengan kehendak Anda untuk menggantikan logo pada header untuk background header-wrapper. Gambar tersebut harus sesuai dengan luas header-wrapper agar nantinya sesuai dengan template Anda. Kemudian tambahkan gambar dan kode “overflow:hidden” tersebut pada CSS header-wrapper sebagai backround pada edit HTML, dan penampakannya akan seperti di bawah ini:
#header-wrapper{background:url(https://3.bp.blogspot.com/-fSb0Ff5MGw0/UUcdKx6ApUI/AAAAAAAAXsA/qjZ63XQ3hF4/s1600/header+kompidotcom.png)no-repeat;width:980px;margin:0 auto;overflow:hidden}
3. Agar title blog yang sekarang menjadi teks tidak muncul dan menghalangi gambar dari header-wrapper (point 1), maka headernya harus disembunyikan. Sekarang masuk lagi pada Edit HTML, tambahkan kode “visibility:hidden” tanpa tanda kutip pada kode CSS header. Sehingga penampakannya akan seperti di bawah ini:
#header{float:left;width:500px;text-align:left;color:#333;margin:0;visibility:hidden}
Nah sampai di sini saja yang harus Anda lakukan untuk memanipulasi title blog dengan gambar sehingga blog Anda tetap mempunyai gambar sebagai logo blog namun tetap terdetek tag h1 dan tidak terjadi multi tag h1 pada postingan.
Sumber
Mantappp (y) berhasil pak