You can now add the related post in the blogspot in below the every post.YOu have to follow the below steps to do this related post in the blogspot
After expanding the widget find the below in the template code
Copy the below code and paste it before in the template
#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, “Times New Roman”, 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:#d4eaf2;
}
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheOpApUZOSY0AZ8_WAWjEopT7XqWfIzTMKJJs7M1OLPNQByXZJ1CSnlS8C5PIRWWyFpXCzzJtYy77vdKGzjlF_sHbRVTj76wj7kucSR9ttvcDSMfchXDc5ZtsxrS9LNhvgp0vIgkqCDujF/s1600/No+Image.jpg";
var maxresults=7;
var splittercolor="#d4eaf2";var relatedpoststitle="Related Posts";
You can change the number of related post below the every post by changing maxresults=7
#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, “Times New Roman”, 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:#d4eaf2;
}
Find the following in the template
0 comments:
Post a Comment