kali ini saya akan mengoptimasi widget label di blog dengan cara memberi
atau menambahkan title pada link widget label , seperti yang kita tahu
default widget label pada blogger belom ada titlenya , oleh karena itu
saya akan berikan title otomatis pada widget label blog
Trick ini hampir sama dengan memberikan widget label lainya seperti
popular post , archive , page list dan lain-lain untuk melihat demonya
anda bisa lihat widget label saya disitu widget labelnya ada titlenya ,
untuk mengetahui title link pada label silahkan arahkan kursor anda ke
widget label .
Berikut Cara Membuat Title Otomatis Pada Widget Label Blogger
Pastikan anda sudah memasang widget label terlebih dahulu
Kemudian pergi ke editor template => lompat ke widget => Label1
Anda nanti akan menemui widget html seperti ini :
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
.....
</b:widget>
Kemudian ganti kode diatas dengan kode dibawah ini :
<b:widget id='Label1' locked='false' mobile='yes' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h3><data:title/></h3>
</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>
Simpan Template dan lihat hasilnyaNah itulah Cara Mudah Membuat Title Otomatis Pada Widget Label Blogger, untuk membuktikan apakah di widget label blog anda udah ada titlenya atau belum, anda bisa mengarahkan kursor anda diatas link widget label.
Semoga Bermanfaat .

0 Komentar:
Post a Comment