How To Split Upwards Or Pause Blogger Transportation Into Multiple Pages

Maybe you lot accept seen or hence bloggers using post pagination inwards blogger. With shipping service pagination, nosotros tin flame split our long spider web log shipping service into the multiple pages. And I mean value you lot accept seen this role inwards WordPress Blogs. But you lot tin flame also usage this widget inwards blogger blog.

Why should you lot Break Blogger shipping service into pages?

With Break post, nosotros tin flame brand our shipping service interesting. As nosotros all know every bit good long posts are non good. Because long shipping service tin flame brand readers larn bored. And also search engines bots can't crawl the pages effectively. But yesteryear splitting your Blog shipping service into multiple pages you lot tin flame arrive like shooting fish in a barrel for your readers too also for search engine bots.

That's why you lot accept to usage shipping service pagination to intermission your long posts into the pages. And this shipping service volition brand you lot piece of occupation easier. Because inwards this shipping service I volition learn you lot How To split or intermission Blogger shipping service into multiple pages. So If you lot desire to know how to intermission Blogger shipping service into multiple pages hence follow our below steps.

How to Break/Split Posts into Multiple Pages

1. Go to the blogger.com too log inwards your account.
2. From your blogs listing pick out your spider web log where you lot wanna add together shipping service pagination.
3. Now from your spider web log dashboard click on the template tab.
4. From the adjacent page click on the Edit HTML Button.
5. Click anywhere on the code too search ]]></b: skin> by pressing CTRL+F.
6. After finding the tag glue the next code simply earlier it.

.post-pagination {
    margin: 40px auto;
    text-align: center;
    width: 100%;
 float:left;
}
.button_1, .button_2, .button_3 {
    border: 2px company #f4655f;
    font-weight: 900;
    padding: 6px 36px;
    color:#f4655f;
    transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
    background: none repeat scroll 0 0 #f4655f;
    color: #fff;
    text-decoration: none;
}

Not search the </head> yesteryear pressing CTRL+F. After finding the tag glue the next code simply earlier it.

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
supply false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
supply false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
supply false;
});
});
</script>

Out template editing is done. So click on the save template button.
Now, whenever you lot volition practice a novel long shipping service you lot tin flame dissever it into multiple pages yesteryear using the next code.

<div class="content_1">
Add Content Here
</div>
<div class="content_2" style="display: none;">
Add Content Here
</div>
<div class="content_3" style="display: none;">
Add Content Here</div>
<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div>

So click on the practice novel shipping service push clitoris too larn to HTML shipping service editor yesteryear clicking on the HTML button. And glue the higher upwards code By replacing Add Content Here amongst your contents. That's it you lot accept successfully added the shipping service pagination inwards blogger.

That's it. Thanks for reading my this shipping service too decease along visiting for to a greater extent than useful posts. If you lot accept whatever query nearly this shipping service experience complimentary to inquire me yesteryear dropping your comment below.

If You Enjoyed This, Take 5 Seconds To Share It

• 
• 
• 
• 
• 
•