cara memasang related post di blogger

kali ini saya ingin berbagi cara bagaimana cara memasang related post di blogger bagi para blogger-blogger semua, RELATED Posts, Related Articles, atau Posting Terkait adalah salah satu widget yang wajib ada di blog. Umumnya ada di bawah tiap postingan, Fungsi Related Posts adalah sebagai menu sekaligus internal links untuk meningkatkan "pageviews" dan mengurangi "bounce-rate".
itu pengertian yang saya dapatkan di http://contohblognih.blogspot.com caranya mudah yaitu:
1. masuk ke blogger.com
2. arahkan ke bagian template lalu klik edit HTML
3. lalu copy kode di bawah ini di atas kode " </head> "
 <b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts{float:left;width:auto;} #related-posts a{border-right: 1px dotted #eaeaea;} #related-posts a:hover{background: #f2f2f2;} #related-posts h2{margin-top: 10px;background:none;font:18px Oswald;padding:3px;color:#999999; text-transform:uppercase;} #related-posts .related_img {margin:5px;border:4px solid #f2f2f2;width:100px;height:100px;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;-ms-transition:all 300ms ease-in-out;} #related-title {color:#222;text-align:center;padding: 0 10px;font-size:14px Oswald; line-height:16px;text-shadow:0 2px 2px #fff;height:28px;width:100px;} #related-posts .related_img:hover{border:4px solid #E8E8E8;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}</style> <script type='text/javascript' src='http://makingdifferent.github.io/blogger-widgets/related_posts_widget.js' /> </b:if> 

"warna merah yang di bold itu adalah ukuran gambar di related post anda bisa mengubahnya"

4. copy kode di bawah ini di atas " <div class='post-footer'> ", jika terdapat 2 kode maka letakanlah di atas kode ke 2.

 <b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5; var relatedpoststitle="<b>Related Posts:</b>"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div class='clear'/> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='http://contohblognih.blogspot.com'><img alt='Blogger Widgets' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij7cI7MaG1GoK1tEzoa8r2EPNgmzg-1qoqhQsVLfPnrSFtWtGCmcUYb0l-s0mIYHPP8rrFzaNjsJX-qxgsCtQ6F_0Zo1JQHuroKZxkdIC4l6hKlKUo8uy9jLMvkvfcZcL_Ic9cKe24n7Du/s1600/best+blogger+tips.png'/></a> </b:if> </b:if> 

"tulisan yang maxresult=5 bisa di ubah menjadi 6,7, atau yang lainnya"
"related posts bisa di ganti dengan related article atau yang lainnya"

5. lalu save atau simpan template

nah itu dia tadi bagaimana cara memasang related post di blogger selamat mencoba, terima kasih