Cara membuat related post bergambar sejajar

Cara membuat related post , atau cara membuat related post Thumbnails .
Related post adalah sebagai artikel atau postingan yang masih dalam satu kategori , misalnya nama kategorinya pulsa murah makan postingan yang masih dalam kategori pulsa murah akan muncul di akir postingan tersebut.

Related post yang akan saya berikan disini adalah related post bergambar sejajar sehingga akan lebih simpel / hemat ruang post anda, sebagai contoh dari related post bergambar sejajar seperti gambar yang di bawah ini

untuk cara pembuatan related post bergambar nya ikuti panduanya di bawah ini
1.buka blog anda lalu setelah login masuk ke dashboard blogger
2.pilih template lalu klik edit html
3.kemudian kopi kode yang di bawah ini dan masukan di atas kode </head>

<!--Related Posts with thumbnails -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;}
#related-posts a{
color:black;}
#related-posts a:hover{
color:black;}
#related-posts a:hover {
background-color:#00FF00;}
</style>
<script src='http://kucopas-js.googlecode.com/files/releatedimage.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails by jasa setting blog-->


4.kopi lagi kode yang di bawah ini dan pastekan di bawah kode <div class='post-footer-line post-footer-line-1'>

<!-- Related Posts with Thumbnails -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=7;
var relatedpoststitle="Related Post";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails -->

5.lalu simpan template nya.
6.selesai

Demikian Cara membuat related post atau Cara membuat related post bergambar ThumbnailsSemoga mudah di pergunakan...