Update Style 6

_config.yml

@@ -7,3 +7,5 @@ urls:
     - text: github
       url: https://github.com/agusmakmun
 baseurl: '/agusmakmun.github.io'
+paginate: 1
+paginate_path: "/page:num/"

css/main.css

@@ -39,14 +39,12 @@ h2 {
     font-weight: normal;
     margin-bottom: 5px;
     color: #666666;
-    border-bottom: 1px solid #E6E6E6;
 }
         
 h3 {
     font-weight: normal;
     margin-bottom: 5px;
     color: #666666;
-    text-decoration: underline;
 }
 
 a, a:link, a:active {

index.html

@@ -3,10 +3,25 @@ layout: default
 ---
 
 <div id="home">
-  <h1>Our Stack Problems</h1>
-  <ol class="posts">
+    <h1>Our Stack Problems</h1>
+    <ol class="posts">
     {% for post in site.posts %}
       <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
     {% endfor %}
-  </ol>
-</div>
+    </ol>
+
+    <!-- Pagination links -->
+    <div class="pagination">
+      {% if paginator.previous_page %}
+        <a href="{{ paginator.previous_page_path }}" class="previous">Previous</a>
+      {% else %}
+        <span class="previous">Previous</span>
+      {% endif %}
+      <span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
+      {% if paginator.next_page %}
+        <a href="{{ paginator.next_page_path }}" class="next">Next</a>
+      {% else %}
+        <span class="next">Next</span>
+      {% endif %}
+    </div>
+</div><!-- end #home -->