Update next previous post

_layouts/post.html

@@ -40,6 +40,15 @@ layout: default
     </div>
 {% endif %}
 
+<div class="PageNavigation">
+  {% if page.previous.url %}
+    <a class="prev" href="{{ page.previous.url }}">&laquo; {{ page.previous.title }}</a>
+  {% endif %}
+  {% if page.next.url %}
+    <a class="next" href="{{ page.next.url }}">{{ page.next.title }} &raquo;</a>
+  {% endif %}
+</div>
+
 
 <div class="disqus-comments">
     <div id="disqus_thread"></div>

css/main.css

@@ -94,7 +94,7 @@ div.content {
 
 div.content pre {
     background: #333333;
-    padding: 5px;
+    padding: 10px;
     color: #FFF;
     overflow-x: auto;
     font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
@@ -172,3 +172,20 @@ div.col-sm-3 img#about {
     margin-left: auto;
     margin-right: auto;
 }
+.PageNavigation {
+  font-size: 14px;
+  display: block;
+  width: auto;
+  overflow: hidden;
+}
+
+.PageNavigation a {
+  display: block;
+  width: 50%;
+  float: left;
+  margin: 1em 0;
+}
+
+.PageNavigation .next {
+  text-align: right;
+}