Tumblr Custom Theme - How to add Next/Previous Page Button

If you are looking for Tumblr base theme then you can start with adding next and previous post button in your base theme.

Tumblr Base Theme

Here is the another session for learning how to make your own Tumblr theme. Today, I will show you how to add next and previous buttons to your Tumblr theme.

It depends on you where you want to add these buttons. Normally you can put it between permalink page and footer area. Below is the HTML codes which you can put where ever you want to show your navigation buttons.

<center>
            {block:PermalinkPagination}
                <div id="perm_pagination">
                    <span class="next_post">
                    {block:NextPost}                           
                        <a href="{NextPost}">&laquo; Previous</a>                   
                    {/block:NextPost}
                    </span>
                        -   
                    <span class="prev_post">
                    {block:PreviousPost}
                        <a href="{PreviousPost}">Next &raquo;</a>
                    {/block:PreviousPost}
                    </span>
                </div>
            {/block:PermalinkPagination}
 </center>

Note: This pagination will appear on permalink page and not on index page, If you want to show pagination on index page then follow below article which will add pagination to your index page.


Show / Hide all 5 notes

Why we are here:

About Tumblings.net updates Tumblr help tutorials time to time to customize Free Tumblr Themes, HTML Codes, Cute Backgrounds, Layouts, Widgets and Cool Quotes 2013.
Find us on Google+, Facebook and Twitter

Alexa About Us