From 629e2bf3e323d0790da21ffd6dcffea9c4ab8878 Mon Sep 17 00:00:00 2001
From: Markus Birth <mbirth@gmail.com>
Date: Sat, 21 Feb 2015 12:15:52 +0100
Subject: [PATCH] Replace related posts by Next/Prev navigation.

---
 _layouts/default.html | 13 +++++++++++++
 css/custom.css        | 14 ++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/_layouts/default.html b/_layouts/default.html
index 1f41913..d183bd8 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -57,6 +57,18 @@
             <script src="//apis.google.com/js/plusone.js" type="text/javascript"></script>
             <div class="g-comments" data-href="{{ site.url }}{{ page.url }}" data-width="900" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD">Loading Google+ comments...</div>
         </section>
+        <section id="related">
+        {% if page.next %}
+            <div id="nextpost">
+                <a rel="next" href="{{ page.next.url }}">← Next post: {{ page.next.title }}</a>
+            </div>
+        {% endif %}
+        {% if page.previous %}
+            <div id="prevpost">
+                <a rel="previous" href="{{ page.previous.url }}">Previous post: {{ page.previous.title }} →</a>
+            </div>
+        {% endif %}
+{% comment %}
         {% if site.related_posts %}
             <section id="related">
                 <ul>
@@ -66,6 +78,7 @@
                 </ul>
             </section>
         {% endif %}
+{% endcomment %}
     </div>
 
     <!-- BEGIN: Google Analytics -->
diff --git a/css/custom.css b/css/custom.css
index edb3e5b..2055fe1 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -13,6 +13,20 @@ abbr, acronym {
   padding-left: 100px;
 }
 
+#related {
+    overflow: visible;
+    white-space: nowrap;
+}
+
+#nextpost, #prevpost {
+    display: inline-block;
+    width: 450p;
+}
+
+#prevpost {
+    text-align: right;
+}
+
 .noteclassic, .noteimportant, .notewarning, .notetip {
   margin: 2em;
   margin-left: auto;