Home   Best Sellers   Blogging   Coding & Design   Technology   SEO   Travel & living   Career   Videos   Tips   Calculators     
Home  »     »     »     »  How to list title of the blogger posts based on a particular label or category

How to list title of the blogger posts based on a particular label or category

Thursday, February 13, 2014

How to list title of the blogger posts based on a label

As you know we can categorise your blogger articles based on label. On click on the Label links you will get the list of articles under that Label. In some cases for example, You want List of Post titles which comes under particular Labels / categories to show on home page of your blogger website. You can do it by using a simple Javascript work around which uses your blogger feeds to generate the records based on the label. Below you can find the JS code for this.



The code below lists the post titles which comes under the Category "Blogger Tips"

The RSS feed used as input for this script is
http://techqube.blogspot.com/feeds/posts/summary/-/Blogger%20Tips?max-results=5

You can control the number of records by given a numerical value for "max-results" parameter.

Copy the script and put it in your blog template where you wish to see the listing.


<a href="http://techqube.blogspot.in/search/label/Blogger%20Tips?max-results=8"><h2 style="color:#000000">BLOGGER TIPS</h2></a>
<!-- Recent Posts by Label Start -->

<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' ><font style='font-size:12px' >" + entryTitle + "</font></a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>

<script src="http://techqube.blogspot.com/feeds/posts/summary/-/Blogger%20Tips?max-results=5&alt=json-in-script&callback=recentpostslist"></script>

<!-- Recent Posts by Label End --><br/>



The output of above script is given below:

You can apply your own style in the script.


BLOGGER TIPS








If you want to display the most recent records of your blogger website, use the input url as

http://techqube.blogspot.com/feeds/posts/summary?max-results=5&alt=json-in-script&callback=recentpostslist

Hope this helps
Dont forget to replace "techqube.blogspot.com" with your blog address :)





How to link to this page?
If you wish to link to this page from your website, simply Copy and paste the above HTML code to your web page. It will appear on your page as:
How to list title of the blogger posts based on a particular label or category.




Share this!




comments powered by Disqus

This Weeks 7 Popular Posts


Subscribe to Recent Posts by Email
Stay connected to CROZOOM with regular Email notices of new Techie articles and IT Jobs. Updates will be delivered to your Inbox as soon as they are posted online.

Enter Your Email Address:  

Delivered by FeedBurner   RSS Feed

Search this Blog   



Urgent Openings for PHP trainees, Andriod / IOS developers and PHP developers in Kochi Trivandrum Calicut and Bangalore. Please Send Your updated resumes to recruit.vo@gmail.com   Read more »