Coderwall Badge Script for Blogs (or any other Web Page)

coderwall.html

<script>
  // This is a fork of https://gist.github.com/1005886
  var coderwallJSONurl ="http://www.coderwall.com/hermanjunge.json?callback=?";
  var height = 75;
  var width = 75;	

  $(document).ready(function(){
    $.getJSON(coderwallJSONurl, function(data) {
      $.each(data.data.badges, function(i, item) {
		
        $("<img/>").attr("src", item.badge)
        .attr("float", "left")
        .attr("title", item.name + ": " + item.description)
        .attr("alt", item.name)
        .attr("height", height)
        .attr("width", width)
        .appendTo("#coderwall")
        .hover(
          function(){  
            $(this).css("opacity","0.6");
          },
          function(){
            $(this).css("opacity","1.0");
          }
        )
        .click(
          function(){
            window.location = "http://www.coderwall.com/hermanjunge/";
          }
        );		
      });
    });
  });
</script>

<div id="coderwall">
  <h2>Coderwall</h2>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script src="http://dev.neosource.cl/javascripts/coderwall.js"></script>
</div>