Sebelumnya saya telah memberikan tutorial
bagaimana cara memberi title tag pada link dan thumbnail popularpost, dan
title tag pada postingan..
Entah mengapa kali ini saya sedang hobby membuat #title #tag.. Sebenarnya ini adalah rasa penasaran saya pada blog-blog #wordpress, hampir kebanyakan theme wordpress memiliki title tag baik pada link (title link) maupun pada gambar atau thumbnail, sebenarnya ada juga sih yang tidak hehehe.. Sedangkan blogspot sendiri pada tampilan defaultnya tidak pernah terdapat title tag kecuali kita menggunakan template yang memang dari sananya si pembuat template telah memodifikasi tamplate sedemikian rupa sehingga dalam link maupun thumnail terdapat title, itupun sangat jarang dijumpai.
Tak dipungkiri lagi, title tag ini memang salah satu tekhnik dalam optimasi
seo, dan akan membuat terhindarnya sebuah gambar terdapat missing description dan title.
Oke langsung aja berikut ini cara mudah memberi title link pada label.
1. Pastikan Anda sudah memasang Widget labels
2. Jika sudah memasangnya buru-burulah menuju
Edit Template
3. Kemudian Lompat ke Tabel, Cari Code Widget Tabel, codenya kurang lebih seperti di bawah ini
<b:widget id='Label1' locked='false' title='Category Products' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
4. Kemudia Ganti Code di atas dengan code berikut ini
<b:widget id='Label1' locked='false' mobile='yes' title='Labels1' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul><b:loop values='data:labels' var='label'> <li><b:if cond='data:blog.url == data:label.url'><span expr:dir='data:blog.languageDirection'><data:label.name/></span><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?&amp;max-results=8"' expr:title='data:label.name'><data:label.name/></a></b:if><b:if cond='data:showFreqNumbers'><span dir='ltr'>(<data:label.count/>)</span></b:if></li></b:loop></ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
</b:includable>
</b:widget>
Jika sebelumnya pada template anda widget label di tandai dengan h3 codenya seperti ini <h3><data:title/></h3>
maka ganti h2 code yang saya berikan menjadi h3
Demikian Tutorial Cara Memberi Title Tag Pada Widget Label. Semoga bisa bermanfaat..
