Memberikan Title Link dan Tag Title Gambar pada Popular Post

Cara Gampang Membuat dan Memberikan Title Link dan Tag Title Gambar pada widget Popular Post di blog - Widget popular post merupakan wiget yang berguna untuk mengetahui bacaan yang paling sering dibaca , sebagian besar para blogger memasang widget popular post di templatenya , . Kali ini saya akan memberikan tutorial bagaimana cara Memberi Title Tags Pada Thumbnail dan Link Popularpost , tutorial ini juga berfungsi untuk menaikan nilai score seo anda ketika di cek di chkme . untuk melihat demo , silahkan arahkan mouse anda ke widget popular post yang saya pasang , atau bisa lihat gamnar di bawah ini

Cara Memasang Title Tags Pada Thumbnail dan Link Popularpost

1. Pertama login dulu ke dashbor blog anda
2. Kemudian Pilih Template => Edit HTML => Lompatke widget => Popular Post
   
   
   
   
   
3. Anda nanti akan menemukan kurang lebih widget seperti ini
   

   <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
   ,,,,,,,,,,,,,,
   </b:widget>
   

4. Kemudian Ganti kode tersebut dengan kode dibawah ini
   

   <b:widget id='PopularPosts2' locked='false' mobile='yes' title='Entri Populer' type='PopularPosts'>
     <b:includable id='main'>
           <b:if cond='data:title'><h3><data:title/></h3></b:if>
           <div class='widget-content popular-posts'>
          <ul><b:loop values='data:posts' var='post'>
            <li><b:if cond='data:showThumbnails == &quot;false&quot;'><b:if cond='data:showSnippets == &quot;false&quot;'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a><b:else/><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </b:if><b:else/><b:if cond='data:showSnippets == &quot;false&quot;'><div class='item-thumbnail-only'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'> <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div></div> <div style='clear: both;'/> <b:else/><div class='item-content'><b:if cond='data:post.thumbnail'><div class='item-thumbnail'><a expr:href='data:post.href' target='_blank'><img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/></a></div></b:if><div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div> </div><div style='clear: both;'/></b:if></b:if></li></b:loop>
          </ul>
           </div><div class='clear'/>
         </b:includable>
   </b:widget>
   

5. Simpan Template dan lihat hasilnya , Taraa kini widget popular post anda sudah ada tag title dan tag linknya , untuk mengetesnya silahkan arahkan mouse anda ke widget popular post tersebut , jika seperti punya saya , bearti anda sudah berhasil 

Selain menambahkan title link dan title tag , code tersebut juga berfungsi untuk menaikan nilai score seo anda , ketika anda cek di chkme , kalau gak percaya silahkan buktikan , dengan mengecek sebelum memasang dan setela memasang , ... hembs benarkan hehhehe , demikian sharing saya kali ini tentang Memberi Title Tags Pada Thumbnail dan Link Popularpost semoga bermanfaat bagi anda