Blogger List of Labels (Sorted) wrapped using JQuery
JSON feed from blogger wrapped into a UL li . Sorted Alphabetically.
HTML
<div id="blog"></div>
CSS
body {
font-family:Arial, sans-serif;
font-size:11px;
padding:50px;
background:#efefef
}
ul {list-style:none}
li
{
background: url(http://www.andrewpougher.co.uk/a/img/blog.png) no-repeat left center;
padding: 0px 0px 0px 20px;
}
ul li{ text-align: top}
a {
line-height:28px;
color:#777777;
text-decoration:none
}
a:hover {
color:darkgray
}
JavaScript
var homepage = "http://www.watchmovie.ga";
var bloglist = []
function showLabels(json) {
var label = json.feed.category;
$("#blog").wrap('<ul/>');
for (var i = 0; i < label.length; i++) {
bloglist.push('<li><a href="' + homepage + '/search/label/' + encodeURIComponent(label[i].term) + '" target="_blank">' + label[i].term + '</a></li>');
}
$("#blog").append(bloglist.sort())
}
$("#blog").prepend('<scr' + 'ipt src="' + homepage + '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=showLabels"><\/scr' + 'ipt>');