Jumat, 11 April 2025

Related Posts Posting Terkait Sederhana Tanpa Thumbnail

related-posts
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
blogger-dashboard

3. Selanjutnya klik Edit HTML.
blogger-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

related-posts


1 comments:

Add Comment
blank
ADMIN

Keren sob artikelnya sangat bermanfaat. Terimakasih akan saya coba langsung di blog saya perawatan wajah

Balas

TOP