Friday, November 11, 2016

Cara Membuat Title Otomatis Pada Label

Cara Membuat Title Otomatis Pada Label


Cara Membuat Title Otomatis Pada Label - Setelah lama gak update karena sibuk , kali ini saya akan membagikan tutorial tentang bagaimana membuat title pada setiap link label secara otomatis , sebenarnya cara ini juga sama dengan cara membuat dan menambahkan title pada link label breadcrumbs ,  anda tinggal menambhakan expr:title=data:label.name pada link label untuk membuat tag title-nya

Cara Membuat Title Otomatis Pada Label

Berikut Cara Membuat dan Memasang Title Otomatis Pada Label :

1. Pertama anda harus sudah memasang widget label terlebih dahulu
2. Kemudian klik edit html, lalu cari kode expr_href=data:label.url
3. Kemudian sobat tambahkan expr:title=data:label.namepada kode di atas

Contoh penambahan kode attrbute title di widget label asli blogger
<a expr_dir=data:blog.languageDirection expr:href=data:label.url expr_title=data:label.name><data:label.name/></a>

kode expr_href=data:label.url ini biasanya ada 2 atau mungkin lebih yang ada ditemplate blogger, silakan dicari semuanya dan tambahkan kode expr_title=data:label.name disampingnya. Setelah itu, save template. Selesai.

Sehingga penampakannya widget labelnya nanti yang ada title tagnya akan seperti di bawah ini :

 <b:widget id=Label1 locked=false title=Labels type=Label>
<b:includable id=main>
<b:if cond=data:title>
<h2><data:title/></h2>
</b:if>
<div expr_class=&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;>
<b:if cond=data:display == &quot;list&quot;>
<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 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=&quot;label-size label-size-&quot; + 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 expr:title=data:label.name><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>

4 .Kemudian Simpan template dan lihat hasilnya

Untuk melihat hasil apakah anda sudah berhasil atau belum untuk membuat atau memasang title pada label ini , silahkan sobat arahkan cursor ke link label tersebut , jika sudah ada titlenya ( seperti pada popular post saya ) maka anda sudah berhasil Memasang dan Membuat Title Otomatis Pada Label

Go to link Download