Facebook

Artikel Terkait Atau Related post sangat berguna jika terpasang di sebuah website atau blog, Karena dengan adanya Artikel terkait tersebut memudahkan pengunjung untuk melihat artikel lainnya yang masih berkaitan. Saya akan mencoba memberikan trick cara membuatnya. Anda bisa langsung lihat di blog saya contohnya atau langsung lihat Screen Shotnya di bawah ini :

Cara Memasang Related Post bergambar di blog silahkan anda ikuti tutorialnya :

Login Blogger
Masuk Menu Template - Edit HTML - Lanjutkan
Centang pada Expand Template Widget
Cari kode: Gunakan tombol CTRL + F untuk mempermudah pencarian.
Lalu Copy kode berikut dan letakan tepat diatas kode:

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:90%;
min-height:90%;
padding-top:0px;
padding-left:8px;
}
#related-posts h2{
font-size: 1.0em;
font-weight: bold;
color: white;
font-family: Rockwell,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:white;
}
#related-posts a:hover{
color:white;
}
#related-posts a:hover {
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPZqZEusv9hZl-QpXXNN2yxpbSlecnlKiJScqj_-ohdj3519yZcucmxr2wnqpJ3I6zKXjonygKHOtCQaCU5Jr6c84E2TvuzVEokUL6wRb9CFgcINY5KcocCaRuIp3sbUKuPrea-7BzBK-6/s1600/No+Image.jpg";
var maxresults=6;
var splittercolor="#000000";
var relatedpoststitle="Silahkan Baca Ini Juga:";
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>

Selanjutnya Cari kode:
Silahkan pastekan script di bawah ini tepat di bawah kode:

Kode Max-Results= 7 merupakan banyaknya artikel terkait yang di tampilkan. Kode warna html #00000 merupakan warna dari tulisan. Sekian artikel yang saya buat kali ini, selamat mencoba dan semoga berguna. Sumber Artikel : Cah Dabloeng

facebook

Cara Memasang Artikel Terkait Cah Dabloeng.