Cara Membuat Tag Heading Sidebar Menjadi Span. Setiap page memiliki fitur tag heading. Tag heading yang biasa digunakan adalah H1, H2, H3. Secara default page di blogspot menerapkan tag heading H1 untuk judul blog, H2 untuk judul sidebar dan waktu, dan h3 untuk judul postingan. Nah karena yang kali pertama di sorot robot mesin pencari ini, tentunya kita meletakkan tag heading ini di tempat yang tepat, yang berhubungan dengan artikel. Hal ini agar artikel mendapatkan nilai plus dari mesin pencari, seakan memberitahukan secara khusus membahas tentang 1 hal sesuai isi artikel. Kan kesannya lucu misalnya artikel membahas Cara Membuat Blog di Blogspot Ternyata Mudah. Tag heading h1 untuk judul postingan H2 H3 berisi keyword yang tidak mengandung pembahasan artikel tersebut. Contoh About Free Blogger Tutor, Labels, Blog Archive (judul di widget sidebar saya).Untuk itu perlu menghilangkan tag heading di sidebar. Untuk teks biasa Anda bisa menambahkan coding <p>judul sidebar</p> atau <span>judul sidebar</span>.
Dasboard - Template - Edit HTML - Centang Expand Widget Template
Cari kode judul widget sidebar Anda (masing - masing widget harus dihapus tag headingnya)
<b:widget id='Text1' locked='false' mobile='yes' title='About Free Blogger Tutor' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>Warna hijau adalah judul widget saya. (Kondisikan dengan judul widget Anda)
Ganti tulisan warna merah dengan <p><data:title/> </p> atau <span><data:title/> </span>
Yang jadi pertanyaan, mengapa setelah saya mengganti tag heading sidebar, tampilan malah menjadi kurang menarik padahal tadinya ada tambahan css untuk judul sidebar tersebut?
Cari saja css h2 tadi... misal di template saya codingnya ini
h2{
color:#000000;
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:1.5em;
margin-bottom:7px;
margin-top:5px;
}
Terus tambahkan kata sesuai kemauan Anda misal nama Anda sebagai span khusus (contoh seperti .siscaayu)
h2, .siscaayu{
color:#000000;
font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:1.5em;
margin-bottom:7px;
margin-top:5px;
}
Kemudian pada <h2><data:title/></h2> ganti menjadi <div class="siscaayu"><data:title/></div>
Semoga memahami apa yang Mas Aro maksud. Jika kurang jelas silahkan berkomentar, barangkali saya bisa bantu Anda. Demikian Cara Membuat Tag Heading Sidebar Menjadi Span
