May 20, 2017

Blogger Recent Posts Widget That Lists Posts Titles Without Thumbnails


The Recent Posts gadget for Blogger gives you a chance to show the latest blog entries on the sidebar of your Blogger/Blogspot blog, making it simple for your perusers to perceive what's new on your blog.

There are diverse Blogger late posts gadgets out there. Some will show posts title and thumbnails; some will show number of remarks and date notwithstanding the posts titles and thumbnails; while some will simply show the post titles.

The current posts gadget I'm offering to you in this instructional exercise will list your current posts titles. No thumbnails, no date.

Here is a pic of what it looks like

Source


To add this to your Blogger blog, Sign in blogger.com, go to your blog dashboard and navigate to "Layout"

On the sidebar, click on "Add a gadget" and select "HTML/Javascript" gadget.

Copy the javascript code below and paste it in the "HTML/Javascript" gadget


<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ol>');
 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('</ol>');
 }
</script>
<script src="http://www.horlartechgist.com/feeds/posts/default?max-results=2&alt=json-in-script&callback=recentpostslist"></script>


Carefully replace www.horlartechgist.com  with your blog address and click SAVE.



Finally,  view your blog and you should see it displaying the recent posts of your blog.

NB: You can change the number of posts to be displayed as seen in the image above. You can also use css to style the list. eg change font color, size etc...

1 comment:

  1. I'm still a fresher, I just started with blogspot. I will contact you for more information. You gat a nice blog

    ReplyDelete

Please drop your comments before you leave. Your comments are highly appreciated. Click HERE to learn how to Comment On Our Horlartechgist. You can also GET IN TOUCH with us via our Social Media Platforms.