0:00
Hello everyone, welcome to Key2Blogging and in this video I will show you how you can
0:04
add a post pagination to your blogger website. So you can easily split your long blog post into multiple pages and add a button like this
0:13
So user can easily shift to these pages they want to read
0:17
So let's check how you can add this post pagination to your blogger website
0:21
So just go to your blogger dashboard and open a blog post
0:27
So here you have to split this blog post into multiple sections
0:31
So let me just break it. So here type ctrl plus F and I will search for h2 tag
0:39
So I will add a section from here and then again search for h2 tag and I will add a section
0:47
from here. So let's copy a code like this. So just copy this first div tag div class page content and paste it just above the first content
1:00
And here you have to add the second div class page active and paste it just below this code
1:08
Now you have to close this closing div tag after the first page content and then you
1:14
have to add a div class of page to all other pages
1:19
Like paste it and close the div tag after the second page
1:25
Now again copy the div class page and paste it just before the third page and close the
1:33
third page with the closing div tag. So in this way you can add multiple pages to your pagination and close it with the closing
1:42
div tag. Now you have to add the pagination button to the page
1:49
So let's paste this pagination button. Now you have to copy the CSS code from here and this is the CSS code and paste it just
2:03
below the button. Now copy the JavaScript code and paste it just after the CSS code
2:13
Now hit the publish button and let's open this blog post in a new tab
2:21
Okay, as you can see the pagination button is going and when I click on the second button
2:28
it will shift to the second page and when I click on the third button it will shift
2:33
to the third page. So in this way you can add multiple pages to your pagination and split a long blog post
2:40
into multiple pages. I hope you got the idea how it works and if you want to further customize this pagination
2:48
button like changing the color then you can do that by changing the CSS code
2:53
So just find the CSS code and here as you can see you can change the font family
3:00
I have added the railway and if this font is not in your theme then it will automatically
3:05
shift to sans serif but you can add the font family according to your website
3:12
And if you want to add the pagination color then you can change the hex code from here
3:17
and if you don't want to add the CSS and JavaScript code in every blog post then you can paste
3:23
it in the theme folder. So let me just show you. Just copy the CSS code and the JavaScript code from here and let's update this blog
3:33
post and go to your theme section and here click on edit HTML and before changing anything
3:43
make sure to take a backup of your theme. So scroll down and search for the closing body tag
3:49
So here paste this code and save your theme. Now replace this page and as you can see the pagination button is still working
4:01
So in this way you can either add this pagination CSS and JavaScript code to your blog post
4:06
or you can add it to your theme code. But I recommend you to add this code in your blog post because if you don't add a pagination
4:16
in other post then this CSS and JavaScript code will also load in that blog post
4:22
So it is better to add it in the blog post. I hope you got the idea how to split a long blog post into multiple pages and if you have
4:33
any doubt regarding this then you can ask me in the comment section or you can join
4:37
our telegram discussion group and the link will be given in the description
4:42
And if this video helped you achieve post pagination then give it a like and subscribe
4:47
to my channel for more upcoming videos like this. And if you want to add a author box to your sidebar like this then you can watch this video
4:56
I will see you in the next video. Thank you
