Tips Menambah Related Post Dibawah Posting Blogger

Related Post sering kita lihat tepat dibawah sebuah posting. Seperti yang kita ketahui keberadaan Related Post sangat membantu pengunjung pada blog kita yang mungkin ingin melihat artikel yang berkategori sama dengan posting yang dilihat. Pada posting saya kali ini saya akan berbagi Tips bagaimana cara menambahkan Related Post pada blog kita atau tepatnya dibawah posting yang kita buat dan berikut langkah-langkahnya dan jangan lupa untuk backup terlebih dahulu template blog sebelum anda melakukan perubahan.

1. Login ke Blogger anda dan masuk ke Layout >Edit HTML .

2. Jangan lupa backup terlebih dahulu template anda.
3. Sebelumnya juga jangan lupa check "Expand Widget Templates".
4. Cari kode </head> .
5. Kemudian masukkan kode dibawah ini sebelum kode </head> .

<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
text-decoration : none;
}
#related-posts a:hover {
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9P6EwZdBo6kMc36ItjJUAOZWE8AU_Ti69klDhaKRBuDKn8CUzUGn1CSd-GpmKefuw1cv_1G-XTX6Hkb_rKDr0Tzt23RR4BCvth7awhc7dnTDzs6K-apww_1IgIAnD6tW55yZAXPsW5rA/") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 21px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://www.acustory.com/2009/08/tips-menambah-related-post-dibawah.html' type='text/javascript'/>

6. Kemudian cari kode <p><data:post.body/></p> atau <div class='post-body> dan selanjutnya letakkan kode dibawah berikut tepat setelahnya.

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast !=

Terakhir Save dan selesai