 |
Popular post atau artikel populer valid HTML 5
|
Untuk membuat artikel populer dan valid HTML 5 akan menambah tampilan blog anda lebih ringan.Biasanya Popular post atau artikel populer valid HTML 5 hanya dapat di edit karena kebanyakan template bawaan tidak valid HTML5 yang telah di buat oleh pihak ketiga.Maka dari itu disini akan di bahas cara mmbuat artikel populer valid HTML 5
Cara membuat Popular post atau artikel populer valid HTML 5
Pertama Login lalu langsung ke template
Langsung
Lompat ke widget Popular posts
 |
Popular post atau artikel populer valid HTML 5
|
Kurang lebih kodenya seperti di Gambar.
Kedua Setelah ketemu langsung ganti Popular post/sesuai nama widget yang sudah anda buat dengan kode dibawah ini.Jika anda belum menambahkan widget popular post maka tambahkan terlebih dahulu agar Popularpost di temukan di template anda .
<b:widget id='PopularPosts1' locked='false' title='Popular News' 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"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<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 == "false"'>
<!-- (3) Show only thumbnails -->
<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/>
<!-- (4) Show snippets and thumbnails -->
<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>
</b:includable>
</b:widget>
b:widget>
Ketiga Setelah selesai anda ganti silahkan save dan anda dapat mensetting popular post anda dengan tampilan tumbhnail.
Selesai.
Untuk membuat artikel popular post sangat mudah dan dapat menambah optimalisasi seo anda dalam mendisain blog anda.