diff --git a/i18n/en.yaml b/i18n/en.yaml
index 579b830..17d0f76 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -15,3 +15,9 @@
 
 - id: share
   translation: "Share"
+
+- id: paginatorPrevious
+  translation: "Previous page"
+
+- id: paginatorNext
+  translation: "Next page"
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 0545993..2f9291a 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -5,4 +5,21 @@
    {{ .Render "summary" }}
   {{ end }}
 
+  <nav class="blog-pagination">
+    {{ if and (.Paginator.HasPrev) (.Paginator.HasNext) }}
+    <h3>case 1</h3>
+    <a class="btn btn-outline-primary" href="{{ .Paginator.Prev.URL }}" role="button">{{ i18n "paginatorPrevious" }}</a>
+    <a class="btn btn-outline-primary" href="{{ .Paginator.Next.URL }}" role="button">{{ i18n "paginatorNext" }}</a>
+    {{ end }}
+    {{ if and (.Paginator.HasPrev) (not .Paginator.HasNext) }}
+    <h3>case 2</h3>
+    <a class="btn btn-outline-primary" href="{{ .Paginator.Prev.URL }}" role="button">{{ i18n "paginatorPrevious" }}</a>
+    <a class="btn btn-outline-primary disabled" href="#" role="button" aria-disabled="true">{{ i18n "paginatorNext" }}</a>
+    {{ end }}
+    {{ if and (not .Paginator.HasPrev) (.Paginator.HasNext) }}
+    <h3>case 3</h3>
+    <a class="btn btn-outline-primary disabled" href="#" role="button" aria-disabled="true">{{ i18n "paginatorPrevious" }}</a>
+    <a class="btn btn-outline-primary" href="{{ .Paginator.Next.URL }}" role="button">{{ i18n "paginatorNext" }}</a>
+    {{ end }}
+  </nav>
 {{ end }}