Kustomasi Widget FeaturedPost Menampilkan Entri Secara Acak

Menampilkan entri posting yang diunggulkan sudah dimudahkan oleh Blogger.com dengan adanya widget/gadget FeaturedPost (Postingan Unggulan) yang merupakan Widget Terkait Posting Paling Diminati Blogger.

Setelan umum Widget FeaturedPost ini hanya bisa menampilkan satu entri postingan saja dan untuk bisa menampilkan secara acak maka harus dikustomasi.

Untuk mengustomasi Widget FeaturedPost maka ke Tema > Edit HTML kemudian cari FeaturedPost1.

Hapus yang beri warna merah pada tag HTML Widget FeaturedPost di bawah ini.

<b:widget id='FeaturedPost1' locked='false' title='Entri Pilihan' type='FeaturedPost' version='1'>
<b:widget-settings>
<b:widget-setting name='showSnippet'>true</b:widget-setting>
<b:widget-setting name='showPostTitle'>true</b:widget-setting>
<b:widget-setting name='postId'>7040227289692875191</b:widget-setting>
<b:widget-setting name='showFirstImage'>true</b:widget-setting>
<b:widget-setting name='useMostRecentPost'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- Only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h3 class='title'><img alt='Postingan Populer' data-iml='11192256' src='https://resources.blogblog.com/img/widgets/icon-featuredpost.gif' style='width:16px;height:16px;'/><data:title/></h3>
</b:if>
<b:include name='content'/>


<b:include name='quickedit'/>
</b:includable>
<b:includable id='content'>
<div class='post-summary'>
<b:if cond='data:showPostTitle and data:postTitle != &quot;&quot;'>
<h3><a expr:href='data:postUrl'><data:postTitle/></a></h3>
</b:if>
<b:if cond='data:showSnippet and data:postSummary != &quot;&quot;'>
<p>
<data:postSummary/>
</p>
</b:if>
<b:if cond='data:showFirstImage and data:postFirstImage != &quot;&quot;'>
<img class='image' expr:src='data:postFirstImage'/>
</b:if>
</div>


<style type='text/css'>
.image {
width: 100%;
}
</style>
</b:includable>
</b:widget>

Cari javascript pengacak konten (random content) melalui link ini. Jika sudah mendapatkan yang sesuai selesai maka pasang dibagian ISI KONTEN YANG DIACAK.

<b:widget id='FeaturedPost1' title='Entri Pilihan'>
<h3 class='title'><img alt='Postingan Populer' data-iml='11192256' src='https://resources.blogblog.com/img/widgets/icon-featuredpost.gif' style='width:16px;height:16px;'/><data:title/></h3>
<div class='post-summary'>
ISI KONTEN YANG DIACAK

</div>


<style type='text/css'>
.image {
width: 100%;
}
</style>
</b:includable>
</b:widget>

Simpan perubahan