Cara Membuat Title Link dan Tag Title Gambar pada widget Popular.

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

1. Anda nanti akan menemukan kurang lebih widget seperti ini
   

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

2. Kemudian Ganti kode tersebut dengan kode dibawah ini
   

    <b: id widget = '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: nilai loop =' data: posting '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' ex pr: 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>

3. 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 semoga bermanfaat bagi anda