Artikel terkait ini adalah jenis artikel terkait yang akan tampil dibawah postingan karena tampilannya mirip dengan populart post. Dan memiliki Gambar atau Thumbnail yang akan membuat pengunjung penasaran untuk membacanya.
Related post ini dibuat oleh arlina design, jadi sudah pasti tampilannya keren, jadi tertarik untuk mencobanya ?
Silahkan simpan kode dibawah ini diatas kode }}></b:skin> atau </style>
/* Related Post */
#related_posts{margin-top:20px}
#related_posts h4{color:#fff;background:#25a186;padding:10px;margin:0 0 5px;font-size:110%;}
#related_img{margin:0;padding:0;}
#related_img:hover{background:0}
#related_img ul{list-style-type:none;margin:0;padding:0}
#related_img li{min-height:62px;border-bottom:1px solid #f1f1f1;list-style:none;margin:0 0 5px;padding:5px;}
#related_img li a{color:#25a186;}
#related_img li a:hover{text-decoration:underline}
#related_img .news-title{display:block;font-weight:bold!important;margin-bottom:5px;font-size:14px;}
#related_img .news-text{display:block;font-weight:normal;text-transform:none;color:#888;font-size:11px;}
#related_img img{float:left;margin-right:10px;width:60px;height:60px;max-width:100%;background:#fff}Lalu simpan kode berikut dibawah postingan, atau disimpan dibawah kode <data:post.body>
<div id='related_posts'>
<h4>Artikel Terkait</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relpostimgthum&max-results=50"' type='text/javascript'/>
</b:loop>
<ul id='related_img'>
<script type='text/javascript'>relatpost();</script>
</ul>
</div>Atau bisa juga cari kode dibawah ini dan simpan tepat dibawahnya
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
Taruh disini
</div>Jika merasa penempatan kodenya sudah benar jangan lupa simpan Temanya, dan lihat hasilnya,
Dengan memasang related post pada blog sobat dijamin pengunjung akan lebih betah diblog sobat, karena akan tertarik dengan artikel yang lainnya.
Semoga bermanfaat !
