How to add related post to blogger without thumbnails

in this code I will be share with you how to add related post to blogger as list without thumbnails using bogger API and JavaScript (for loop method)
search of this code <div class="post-footer-line post-footer-line-1"> and place it.

<!--related post--> <b:if cond='data:blog.pageType == "item"'> <div class='related-product'> <style> .related-product li:hover {background:#03a9f4} .related-product li:hover a{color:white} </style> <script type='text/javascript'> //<![CDATA[ function relatedPost(json) { for (var i = 0; i < json.feed.entry.length; i++) { for (var j = 0; j < json.feed.entry[i].link.length; j++) { if (json.feed.entry[i].link[j].rel == 'alternate') { var postUrl = json.feed.entry[i].link[j].href; break; } } var postTitle = json.feed.entry[i].title.$t; var item = '<li style="box-shadow: 0 0 5px 2px; padding: 3px 3px;margin: 6px 0px;list-style: none;"><a href=' + postUrl + '>' + postTitle + '</a></li>'; document.write(item); } } //]]> </script> <b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'/> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relatedPost&max-results=6"' type='text/javascript'/></b:loop> <div style='clear:both'/><!-- remove --> </div></b:if> <!--related post-->

© Manajmnt code

Share to :

☷✎