Cara Membuat Title Link dan Tag Title Gambar pada Popular Post (Blog Anda)

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

Penutup

Terima kasih atas kunjungan anda di LingkaranDunia, serta membaca artikel yang mengenai Cara Membuat Title Link dan Tag Title Gambar pada Popular Post (Blog Anda). Jika ada yang kurang di mengerti silahkan ajukan pertanyaan lewat Email, Facabook LingkaranDunia dan lewat kolom komentar yang kami sediakan di bawah artikel ini.