diff --git a/_includes/blog_post.html b/_includes/blog_post.html
index 264a2b28..508a13b3 100644
--- a/_includes/blog_post.html
+++ b/_includes/blog_post.html
@@ -1,4 +1,4 @@
-<h2><a href="/react{{ page.url }}">{{ page.title }}</a></h2>
+<h1><a href="/react{{ page.url }}">{{ page.title }}</a></h1>
 <p class="meta">{{ page.date | date_to_string }} by {{ page.author }}</p>
 
 <div id="post">
diff --git a/_includes/nav_blog.html b/_includes/nav_blog.html
new file mode 100644
index 00000000..ba376a18
--- /dev/null
+++ b/_includes/nav_blog.html
@@ -0,0 +1,10 @@
+<div class="nav-docs">
+  <div class="nav-docs-section">
+    <h3>Recent posts</h3>
+    <ul>
+    {% for post in site.posts %}
+      <li><a href="/react{{ post.url }}"{% if page.title == post.title %} class="active"{% endif %}>{{ post.title }}</a></li>
+    {% endfor %}
+    </ul>
+  </div>
+</div>
\ No newline at end of file
diff --git a/_layouts/blog.html b/_layouts/blog.html
index a9e04512..84be39f5 100644
--- a/_layouts/blog.html
+++ b/_layouts/blog.html
@@ -3,7 +3,8 @@ layout: default
 sectionid: blog
 ---
 
-<section class="content wrap nosidebar">
+<section class="content wrap documentationContent">
+  {% include nav_blog.html %}
   <div class="inner-content">
     {% for page in site.posts %}
       {% include blog_post.html %}
diff --git a/_layouts/post.html b/_layouts/post.html
index 1ac4e4f0..84e7bb2a 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -3,7 +3,8 @@ layout: default
 sectionid: blog
 ---
 
-<section class="content wrap nosidebar">
+<section class="content wrap documentationContent">
+  {% include nav_blog.html %}
   <div class="inner-content">
     {% include blog_post.html %}
   </div>