Convert Blog Posts into List View for blogger website
What to do
- Open Blogger Dashboard
- Choose a place where you want to add this code
- Copy below code add Html/JS gadget
- Paste the copied code in it
<!--Powered by theAShub-->
<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
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') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="https://theanuragsinghhub.blogspot.com//feeds/posts/summary/-/Blogger?max-results=10&alt=json-in-script&callback=recentpostslist"></script>
Output 👀
Understanding codes 💡
<script src="https://theanuragsinghhub.blogspot.com//feeds/posts/summary/-/Blogger?max-results=10&alt=json-in-script&callback=recentpostslist"></script>
- Replace blog URL with your own website link
- Blogger is label of post which are converts into list view. Change it with your needful label name.
<script src="https://theanuragsinghhub.blogspot.com//feeds/posts/summary/-/Blogs?max-results=10&alt=json-in-script&callback=recentpostslist"></script>
- max-results=10 is the number of blog post which shows in list view
![theAShub](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqVlfaJmnMz75oe86PXlsX-3PMEEOmPq-GgptC1XAgTq_gvaywJKM_ddPp5dpVnNktB2MxfH8u4f34R-mhkPUMPKosdyku1TTV4fT3UpComsTvQLTzT4xsRXTgfZ8hm2UvcKglC-dbNvUCCMOJU2y6MxLs20PmC7co0p32pLFf9xsVL268VGTEx4Vq/s16000/Tutorials%20Point.jpg)
We appreciate your attention for this post and eagerly await your response. Thankyou
Comments
Post a Comment