Penulis: Moch Adnan dipublikasikan: 3 Juli 2013
Trik Nyaman Mengganti Judul Blog Dengan Gambar
Sudah berulang kali saya melakukan bongkar pasang terhadap gambar judul/title blog, malah karena sudah saking buntunya, akhirnya saya membiarkan title blog ini tanpa gambar. Hal ini dikarenakan setiap kali saya selesai mengganti judul/title blog dengan sebuah gambar maka Tag Heading h1 menghilang dan tidak terdeteksi, kan menurut ilmu SEO hal tersebut tidak bagus. Makanya saya lebih memilih membiarkannya tanpa gambar, dari pada tag h1 tidak ada.

Namun berkat semangat blogwalking akhirnya pada suatu hari, saya menemukann sebuah artikel di blognya Kompi Ajaib, artikel yang telah membuat kebuntuan saya selama ini meleleh, mencair, hingga kegalauan saya pun sirna. Saya pun jadi lebih percaya diri serta merasa nyaman mengganti judul title blog dengan sebuah gambar serta terhindar dari rasa khawatier kehilangan tag h1 ketika mengganti judul blog dengan sebuah gambar.

Singkat kata,melalui kisah diatas saya ingin mendokumentasikan pengalaman ini sekaligus menshare dan berbagi pengalaman tentang trik nyaman mengganti judul blog dengan gambar kepada para sahabat yang mungkin kini tengah mengalami kegalauan seperti yang pernah saya rasakan diatas. Dimana trik ini sebetulnya tidak terlalu sulit untuk dilakukan, hanya perlu menambahkan pengaturan sebuah tag <h1>
pada awalan script header dan menutupnya dengan</h1>
pada akhiran script header dalam template blog. Lebih jelasnya seperti berikut;

Dalam dasbor blog pilih template,pilih edit html, klik pada sembarang kode script, lalu tekan ctrl+f untuk melakukann pencarian kode. Carilah kode yang mirip seperti ini

<div id='header-inner'>

Jika sudah menemukannya sekarang tambahkan kode <h1> dan penutup</h1> pada awalan dan akhiran kode berikut;

 <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>

Hingga menjadi seperti berikut;

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

Simpan hasil editan tersebut. Dam untuk mengecek/memeriksa apakah h1 ini hilang atau tidak, setelah anda pasangi sebuah gambar, bisa anda lakukan melalui situs berikut ini http://chkme.com

Baca juga : Cek Konten Blog Kamu Dari Plagiarisme


Senang rasanya bisa tersenyum kembali, dan mudah-mudahan anda pun merasakan hal yang sama setelah melaksanakan trik nyaman mengganti judul blog dengan gambar, namun jika masih tetap menemukan kendala dalam mengatasi tag h1 title blog yang menghilang ketika menggantinya dengan sebuah gambar, kamu bisa menemukann solusi lengkapnya dalam tautan link berikut ini; http://www.kompiajaib.com/2013/03/memanipulasi-title-blog-dengan-gambar-agar-terdetek-h1.html 

 semoga bermanfaat Kem :D