Memberikan Title Link dan Tag Title Gambar pada Popular Post

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

Oh iya baca juga cara optimasi seo pada widget archive dengan menambahkan title link pada widget archive

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

Browse More Articles

Tweet

Written by Unknown

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.