POPULAR Posts atau entry terpopuler merupakan widget wajib ada di sidebar blogger. Secara default, widget ini biasanya sudah muncul saat kita membuat blog.
Popular post berfungsi sebagai navigasi sekaligus internal link. Widget ini juga menunjukkan kepada pengunjung blog tentang tulisan atau konten yang paling banyak dibuka/dibaca.
Widget Popular Post banyak ragamnya. Anda bebas memilih, namun perhatikan kodenya agar blog Anda tetap SEO Friendly, terutama jika memunculkan popular post berupa judul, gambar, plus snippets.
GANTI kode Popular Post Anda dengan kode berikut ini:
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2>
<data:title/>
</h2>
</b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<a expr:href='data:post.href'>
<b>
<data:post.title/>
</b>
</a>
<b:else/>
<div class='item-title'>
<a expr:href='data:post.href'>
<b>
<data:post.title/>
</b>
</a>
</div>
<div class='item-snippet'>
<data:post.snippet/>
</div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<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:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'>
<a expr:href='data:post.href'>
<b>
<data:post.title/>
</b>
</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:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'>
<a expr:href='data:post.href'>
<b>
<data:post.title/>
</b>
</a>
</div>
<div class='item-snippet'>
<data:post.snippet/>
</div>
</div>
<div style='clear:both'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:title'>
<h2>
<data:title/>
</h2>
</b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<a expr:href='data:post.href'>
<b>
<data:post.title/>
</b>
</a>
<b:else/>
<div class='item-title'>
<a expr:href='data:post.href'>
<b>
<data:post.title/>
</b>
</a>
</div>
<div class='item-snippet'>
<data:post.snippet/>
</div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<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:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'>
<a expr:href='data:post.href'>
<b>
<data:post.title/>
</b>
</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:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'>
<a expr:href='data:post.href'>
<b>
<data:post.title/>
</b>
</a>
</div>
<div class='item-snippet'>
<data:post.snippet/>
</div>
</div>
<div style='clear:both'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
Perhatikan kode HTML di atas. Yang membuat kode HTML popular post ini seo friendly adalah kode warna merah.
Jadi, Cara Membuat Widget Popular Post Blog SEO Friendly sebenarnya cukup dengan mengganti kode lama dengan kode warna merah yang memunculkan gambar (thumbnail image).
CARA MEMUNCULKAN POPULAR POST GAMBAR PLUS RINGKASAN
Anda tinggal klik Add a Widget dan pilih "Popular Post", lalu lakukan konfigurasi (setting) seperti dalam gambar di bawah ini. Angkanya bisa diatur antara 1 s.d. 10 judul post terbanyak dibaca:
0 Komentar
Penulisan markup di komentar