Check if thumbnail from Blogger JSON object is null

In this example we'll check whether an thumbnail exists or not in the Json file, because if you find articles without thumbnail, you can't callback JSon file of blogger, so we'll learn how to verify that the item exists in this code, Also, we can add default thumbnails if there is no image in the article
<script type="text/javascript"> function mycallback(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 postSummary = json.feed.entry[i].summary.$t; if (json.feed.entry[i].media$thumbnail != null){ var thumbnail= json.feed.entry[i].media$thumbnail.url; var item="<p>"+ postTitle +"</p>"+"<img src='"+ thumbnail +"'/>"; } else{ var item="<p>"+ postTitle +"</p>"+"<img src='https://cdn.pixabay.com/photo/2016/11/22/22/54/desktop-1851043__340.jpg'/>"; } document.write(item); } } </script> <script src="https://manajmnt-code.blogspot.com/feeds/posts/summary?max-results=90&alt=json-in-script&callback=mycallback"></script>

© Manajmnt code

Share to :

☷✎