Display Label Name as Title of Label Link in Label Gadget

Label-Name-as-Label-link-title
Displaying the Label name as label title is sometimes useful for readers.If the label name is too long and it is showing as Cloud label display style,showing label name as the title is important.It will make your blog user friendly blog.Here in this tutorial i will help you to display Label name as the title of each label link. You can find more posts under Labels from this link.Now follow below instructions to show the Label name as the title when anyone hover on.




Step 1: Sign in to your blogger account.
Step 2: Now go to Dashboard >>Template and download your current template first.In case you got anything wrong in template,this downloaded template will help you to recover bugs what you made.
Step 3: Then click on "Edit HTML" button and find below code in your template.

<b:loop values='data:labels' var='label'>

After you found above code,you will see a block of code followed by above code slightly similar to one below.

<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>

 Step 4: Now replace above code with below code.

<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:title="data:label.name" 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>
Step 5: Save your Template.

You're done.View your blog and hover on a label link in Label gadget.You can see the name of label is appearing as the title of link like above image.

CheckHow to Display Post counter in Label as Title

If you have any question,let me to know by commenting below.Happy blogging buddies :)

Pengelola Blog : ABDUL WAHAB

Judul : Display Label Name as Title of Label Link in Label Gadget
Ditulis oleh : Kejutan Internet pada hari
Rating Blog : 5 dari 5
Terima kasih Anda telah membaca artikel tentang Display Label Name as Title of Label Link in Label Gadget
Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman anda.
Namun jangan lupa harap memberikan link aktif dofollow yang mengarah ke URL ini ya
http://kejutaninternet.blogspot.com/2013/07/display-label-name-as-title-of-label.html

Dan Terima kasih sekali lagi atas kunjungan Anda.

Kritik dan saran atau apapun bisa anda sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak bisa selalu online selama 24 Jam.


Mau Di Buatkan Blog Siap Pakai Seperti Ini ?.

Artikel Terkait

Previous
Next Post »