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>
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
Darmanto adalah owner CV. Studio Web, sebuah perusahaan jasa pembuatan web SEO friendly, jasa desain blog, google ads, jasa SEO profesional. Follow Channel telegramnya di https://t.me/darmantoseo
Cara menyembunyikan Buku tamu adalah salah satu cara yang banyak disukai oleh blogger. Memasang Buku tamu di halaman blog kita itu penting loh,tapi terkadang Widget tersebut membuat halaman Blog kita jadi penuh.Untuk itu solusinya ialah dengan membuatĀ Buku Tamu yang... Selengkapnya
Cara Membuat Status Facebook Online Terus – Mungkin banyak sobat yang sering melihat status facebook milik teman kelihatan online terus,padahal status facebook nya sebenarnya sudah offline.Buat sobat yang ingin Membuat status facebook kelihatan Online terus everytime di chat Facebook ,berikut... Selengkapnya
Cara membuat tulisan yang disorot bergoyang.Membuat tampilan blog kita semakin indah tampilannya adalah salah satu hal yang perlu bagi saya untuk dilakukan.Dan berbagai cara tutorial memodifikasi blog pun coba di terapkan dan tentunya isi atau content dari blog itu sendiri... Selengkapnya
1 Komentar untuk Cara Memanipulasi Title Blog Dengan Gambar Agar Terdetek H1
Mantappp (y) berhasil pak