Latest : Add Related Posts With Thumbnails in Blogger

Steps Of  Adding Related Posts Below Blog Posts In Blogger:

Step 1. Go To Blogger Dashboard >> Template >>Edit HTML;

Step 2. Check the “Expand widgets template” box;

Step 3. Search CTRL + F for this piece of code:

Step 4. Copy and paste the below code just above
Code

#related-posts{float:left;width:auto}

#related-posts h1{background:none;color:#333;font-weight:700;font:24px Trebuchet MS,sans-serif;margin:0;padding:3px}

#related-posts .MM_img{width:161px;height:110px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;padding:3px 5px}

#related-posts .MM_img:hover{opacity:0.5;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}

#related-posts .play-button{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbKyKvrc5yHhUm3dVD6dA-nnLz9pobtdHd-HbKeNLzywWI_9qhigmLHp9HwjeJKKseeShytVGaKP9-ICfe0gSmdyxaq7AAU0D9XhibXs65jtJeRzvvEnvyGRXbcYVEN6w1s2TuadnuUtzD/h120/MukeshMali.png) no-repeat center;cursor:pointer}

Step 5. Now find the following code: post-footer-line post-footer-line-1

Step 6. And just above it, copy and paste the below code:

Step 7. Save the Template