To Add Nice Related Posts Widget To Blogger With Thumbnails
To Add Related Posts Widget To Blogger With Thumbnails we must follow some steps.
Steps to Add Nice Related Posts Widget To Blogger With Thumbnails:
01.Go To Blogger Dashboard next click on Template and Edit HTML.
03.Press (CTRL + F) and search below this code.
04.After that Copy and paste the below code just before/above
---------------------------------------------------------
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAWX_5Ltygb8CK_JyDJbBXe9QMe-rlpi8ZO-kOhL7OijZWpQG93-eLuGTtKgvct_nYCPW_d4oMZjMfTCRVjrFtpmQUAmZ8JHisntSGTLxu7pARZANOzq8ZZNWAMbciQgbeaL-ayqXs7rkq/s1600/no_image.jpg";
var maxresults=5;
var splittercolor="#DDDDDD";
var relatedpoststitle="Related Posts";
---------------------------------------------------------
Note (you can Change):
- To change the default picture, replace the URL in Green with your own
- For displaying more than 5 posts, replace 5 value from "var maxresults=5;"
- Remove the code in violet if you want the related posts to be displayed in homepage too
05.Find the following code:
06.And just above it, copy and paste the below code:
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(" ");
Note that you can Follow:
- you can change the 6 value from max-results=6 with the number of posts you want to be displayed.
- If you want the related posts to be displayed on homepage too, remove the code in violet.
07. Now your job done just Save the Template
Enjoy Nice Related Posts Widget To Blogger With Thumbnails