gistfile1.js

//application controller:

import Ember from 'ember';

export default Ember.Route.extend({
  renderTemplate: function() {
    // Render default outlet   
    this.render();
    // render extra outlets
    this.render("topnav", {
      outlet: "topnav",
      into: "application",
      controller: "login"
    });
    this.render("footer", {
      outlet: "footer",
      into: "application",
      controller: "login"
    });
  }
});

Then I have a topnav.hbs file in the root of the templates folder in my application.