Edit in JSFiddle

App = Ember.Application.create();

App.Router.map(function() {
    //first paramater refers to the template
    this.route('home', { path: '/' });
    this.route('blog'); // does not need a path due to the naming convention
});

App.BlogRoute = Ember.Route.extend({
  model: function(){
      return{
          blogcontent: 'I am a blog entry!'
      };
  }
});
<script type="text/x-handlebars" data-template-name="application">
    <h1>Ember.js Routing</h1>
    <div id="navigation">
        <a href="#/">Home</a>
        <a href="#/blog">Blog</a>
    </div>    
    <br />    
    {{outlet}}   
</script>
<script type="text/x-handlebars" data-template-name="home">
    <h2>Home Page</h2>
</script>
<script type="text/x-handlebars" data-template-name="blog">
    <h2>Blog Page</h2>
    <p>{{blogcontent}}</p>
</script>

              
            
          
            
              

External resources loaded into this fiddle: