Pagination code for blogger

How do I Add Page Number to my Post page in Blogger?

If you want the pages to be visible at the end of your website then this post will be very beneficial for you because in this you will learn how you can put a pagination system on your website's page; this method works very well in Blogger.

You don't have to do anything, you just have to follow the code as given.

First of all you have to go to your blogger theme's settings, after going to the blogger theme's settings you have to edit the HTML and do starl + f in it so that it can be searched and after that search this thing- ]]></b:skin> after searching press enter. After pressing enter, paste this code: <style>.showpageOf{display:inline-block;font-size:90%;padding:7px 12px;vertical-align:top;line-height:20px;}.showpagePoint{background:#333;color:#fff;display:inline-block;vertical-align:top;padding:7px 12px;margin:0;font-size:14px ;text-align:center;border-left:1px solid #f0f0f0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:initial}.showpage a,.showpageNum a{display:inline-block;vertical-align:top;line-height:20px;padding:7px 12px;margin:0;font-size:14px;text-align:center;border-left:1px solid #f0f0f0;transition:color .3s}.showpage a:hover,.showpageNum a:hover{background-color:#fefefe;color:#454545;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:color .3s}</style>

After this, what you have to do is that you have to do Control + F again, and then paste the given code, after that click on SAVE, by doing this your work will be done and if you refresh your website, you will definitely see the page buttons in it.

After pagination is done, your website will look very amazing, viewers can easily go to that page by clicking on any number and can see their desired thing and that too easily. So this is how you learned how to apply pagination system on your blog post, especially on blogger? Believe me this method is not fake, it is absolutely hundred percent working method, you just try it once

Ctrl + F

-------------------------------------------------------

]]></b:skin>

<style>

.showpageOf{display:inline-block;font-size:90%;padding:7px 12px;vertical-align:top;line-height:20px;}

.showpagePoint{background:#333;color:#fff;display:inline-block;vertical-align:top;line-height:20px;padding:7px 12px;margin:0;font-size:14px;text-align:center;border-left:1px solid #f0f0f0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:initial}

.showpage a,.showpageNum a{display:inline-block;vertical-align:top;line-height:20px;padding:7px 12px;margin:0;font-size:14px;text-align:center;border-left:1px solid #f0f0f0;transition:color .3s}

.showpage a:hover,.showpageNum a:hover{background-color:#fefefe;color:#454545;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:color .3s}

</style>

After this find in your HTML editor closing tag </body> before it paste the following JS:

</body>

<b:if cond='data:blog.pageType != "item"'>

<script type='text/javascript'>

/*<![CDATA[*/

var postperpage=15;var numshowpage=15;var upPageWord ='Prev';var downPageWord ='Next';var urlactivepage=location.href;var home_page="/";

/*]]>*/

</script>

<script>

</script>

</b:if>

Pagination code for blogger

Post a Comment

0 Comments

Contact Us

Search This Blog