How To Show Recent Post Titles By Labels In Blogger Blog

1. Installing The First list

Customization  

2. Adding Subsequent Lists

  • Go to Blogger Dashboard > Layout Design > Click Add A Gadget
  • In Add A Gadget Window, Select HTML/Javascript
  • Give A Label As The Title Of Your Widget
  • Copy The Code Below and Paste It Inside The Content Box
  • Click Save and Its Done
  • Replace Blog_URL_HERE with your own blog URL. For example if you were to list posts from BlogsDaddy.Com, you would have to replace it with http://www.blogsdaddy.com (without the trailing slash). 
  • Replace BLOG_LABEL_NAME with the label.Be careful about Labels, they are case sensitive, make sure you get it right. 
  • Replace the value of POST_COUNT with the number of posts you want to display.
  • You don’t have to copy the whole code. Just copy the below code into each gadget. 
  • Make sure your first list (which contains the full code) is positioned on top of all other lists. 
 <!– 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”>’ + entryTitle + “</a> </li>
“;
 document.write(item);
 }
 document.write(‘</ul>
‘);
 }
</script>
<script src=”Blog_URL_HERE/feeds/posts/summary/-/BLOG_LABEL_NAME?max-results=POST_COUNT&amp;alt=json-in-script&amp;callback=recentpostslist”>
</script>
<span style=”float: right; font-size: 80%;”>Get this <a href=”http://www.blogsdaddy.com/2012/08/how-to-show-recent-post-titles-by.html” target=’_blank’ rel=’nofollow’>widget</a></span><!– Recent Posts by Label End –>

<script src=”Blog_URL_HERE/feeds/posts/summary/-/BLOG_LABEL_NAME?max-results=POST_COUNT&amp;alt=json-in-script&amp;callback=recentpostslist”>
</script>
<span style=”float: right; font-size: 80%;”>Get this <a href=”http://www.blogsdaddy.com/2012/08/how-to-show-recent-post-titles-by.html” target=’_blank’ rel=’nofollow’>widget</a></span>

“Lyrics” “Video Songs”LyricsLyricsLabels

Subscribe
Subscribe