Related Posts Posting Terkait Sederhana Tanpa Thumbnail

Tidak semua pengguna blog berbasis blogspot menyukai related posts yang menyertakan thumbnails. Dengan berbagai alasan, salah satunya, takut bikin berat loading blog atau sekedar ingin tampil dengan stylish/tampilan yang sederhana saja.

Jika ingin memasang widget Posting Terkait dengan tampilan minimalis sederhana namun tetap powerfull. Dan menampilkan Posting yang berkaitan sesuai label/kategori. Kalian bisa mempraktekkan cara mudah berikut ini.


Cara Mudah Memasang Posting Terkait:

1. Masuk ke dashboard blogger
2. Pilih Template

3. Selanjutnya klik Edit HTML.

4. Cari kode dibawah ini:

<div class='post-footer'>

5. Letakkan kode berikut tepat di bawah kode no.4 tadi.

<!--related post start-->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <style type='text/css'>
#related-posts{margin-top:20px;border-top:1px solid #eee}
#related-posts h2{ color:;border-bottom:0;font-size:18px}
#related-posts ul{list-style-type:none;}
#related-posts ul li{border-bottom:1px dotted #eee;padding:5px}
#related-posts ul li:before{content:&quot;\00BB \0020&quot;}
</style>

<script src='http://blogger-related-posts.googlecode.com/files/related-posts-widget-1.0.js' type='text/javascript'/>

<script type='text/javascript'>
relatedPostsWidget({ &#39;containerSelector&#39;:&#39;div.post-body&#39; ,&#39;loadingText&#39;:&#39;&#39; });
</script>
</b:if>
<!--related post end-->

6. Simpan Template. Dan lihat hasilnya

Pengunjung lain juga membaca :