Related Posts Widget For Blogger

Related Posts Widget For Blogger,it would have been installed in your blog as for sure if you are using proffesional blogger templates designed by bloggers.But still some bloggers are not using it or are still using default designs by google.If you are the one who has doesn't have related posts widget in your blog and want to add it in your blog then here is tutorial how to install this related posts widget to your blog.

Log in into blogger with your ID
Click Layout
Click EDIT HTML tab
Click Download Full template. Please back up your template first
Give a mark next to Expand Widget
Press Ctrl+F


Step 1 : Add the following css before ]]> .

#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 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
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/AVvXsEh_U7XRkyC_VyKGtennfLd7qr4ZJ__ZjvpOEIX2rvXDWzd1DxA8f2pf31GTw0tyQeiHjp-QyIruKZY_h7YTQdwdsSGin2tv5Khkg0kM_-t3m-jN3dihN0lV2lYTZTicfOAgTHBtYDp0AyA/s400/listarrow.png") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

Now search for tag and add the below script before it.

Step 2 : Check expand widgets and search for

And place the below codes just after it:-

Edit the number in green in above codes to show how many related posts you want to show.


Now save your template.I hope this will work great for you.
Source:-Techiblogger