LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Widgets » Latest/Recent Blog Posts Title List For Blogger/Blogspot

Latest/Recent Blog Posts Title List For Blogger/Blogspot

Latest-Recent-Blog-Posts-Title-List-For-Blogger-Blogspot
In Blogger blog, there are more handy features then WordPress and all of them are easy. As you know that Blogger use XML file to store your blog post so its easy to pic data from there using pure JavaScript. Many are using JQuery but that is not worthy because a work that you can do through JavaScript then why to use JQuery to increase load time.

Now here we are with a eidget that will pick your all published post title in list style and also linked them to there full posts. Now the question is why to do this then you can think that you can use it as your List Or Post Page, Sitemap Page, Latest Post Widget, Recent Published Post Widget, Getting All Posts On One Page With Links, Ping All Posts By Pinging One Page etc. So Here we are sharing default code, rest you can edit and place with your desire.

Features:

1.) Simple JavaScript Code.
2.) No JQuery.
3.) No External File.
4.) Blogger Jason Used.
5.) Full Customizable.
6.) Controll Your Posts To Show.
7.) Use In Page As Sitemap.
8.) Link On All Blog Post Title.
9.) Quick To Load.
10.) Easy To Install.

How To Add In Blogspot?

1.) Go To Your www.blogger.com
2.) Open Your Desire “Blog“.
3.) Go To “Layout“.
4.) Click “Add A Gadget” Where You Want To Add It.
5.) Now Scroll To “HTML-JAVASCRIPT“.
6.) Click “+” Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Click “Save“, Now You Are Done.
OR
1.) Go To Your www.blogger.com
2.) Open Your Desire “Blog“.
3.) Go To “Template“.
4.) Click “Edit HTML“.
5.) Now Click Within Code Box.
6.) Press [CTRL+F] To Search <body Code.
7.) Now Copy The Below Code And Paste It After <body Code..
8.) Click “Save Template” And Done.
OR
1.) Go To Your www.blogger.com
2.) Open Your Desire “Blog“.
3.) Create A “New Post” Or “Edit” Some One Existing.
4.) Click “Edit HTML” Tab In The Post Editor.
5.) Now Copy The Below Code And Paste It There
8.) Click “Publish” Or “Update” To Done.

<script type="text/javascript">
function latestpostlistbyexeideas(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="http://www.exeideaslab.blogspot.com/feeds/posts/summary?max-results=99999&amp;alt=json-in-script&amp;callback=latestpostlistbyexeideas"></script>

Customization:

1.) Just Change http://www.exeideaslab.blogspot.com With Your Blog URL.
2.) Change 99999 With Your Desired No Of Post To Show.
3.) Save And Done.

Last Words:

This is what we want to share with you. If you liked this then please share it with your friends and leave your comments and if you want to get more like this then stay with us for our upcoming articles.

You Like It, Please Share This Recipe With Your Friends Using...

6 Responses to “Latest/Recent Blog Posts Title List For Blogger/Blogspot”

  1. Amazing Article, From last 6 months I found this article on google. But not available on any site. Now you provide the article. So many thanks to you. But i have a very small question. Please look at my blog, on top of the blog 4 links shows (About, Mail Me, Tally.Features and Privacy policy) I want to add link name “All Articles” after privacy policy so how i create a link for my all article in a single link with the help of above tutorial.

    Thanks & Please reply

  2. Hello bro I liked your post.I want know , How to use this widget only for specific label . Please answer me !

  3. John says:

    Is it possible to order by title?

Leave a Reply

Your email address will not be published. Required fields are marked *