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

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.name'pada 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