random
1

How To Divide Or Break Blogger Blog Post Into Different Pages

You should probably ask why you should divide or break your blogger  blog post into different pages. Think about it your post contains more than and more than thousand of thousands of words including large size images cause your blogger blog pages load slower. So, many people have their different tastes, because they visit your blog for quick information and quickly. When they seeing your large post and slowly loading pages of your blogger blog, there is a 100% possibility to lose your visitors from your blog. That's one of the reason we suggest split or divide or break your blog post into different pages. But How?


How To Divide Or Break Blogger Blog Post Into Different Pages

  1.  First Of All Go To Your Blogger Dashboard.
  2.  Select Template And Then Select Edit HTML.
    How To Divide Or Break Blogger Blog Post Into Different Pages
    How To Divide Or Break Blogger Blog Post Into Different Pages
  3.  Now Copy The Below JQuery Plugin Code Between The <head> To </head> Tag.

    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 

  4. Now Just Go To Again Your Blogger Dashboard.
  5. Create New Blog Post.
  6. Select HTML Editor From your Blog Post.
    How To Divide Or Break Blogger Blog Post Into Different Pages
  7. And Copy Paste The Below Code In To Your HTML Editor.
<style>     .post-pagination {         margin: 20px auto;         text-align: center;         width: 100%;     }     .button_1, .button_2, .button_3 {         border: 2px solid #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;     }     </style>     <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');     return 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');     return 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');     return false;     });     });     </script>     <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>

Now Add Your Content In To Given Spaces And Publish your Post.
How To Divide Or Break Blogger Blog Post Into Different Pages Reviewed by Ghulam Haider on 00:58:00 Rating: 5

No comments:

All Rights Reserved by Shouted Blog © 2014 - 2015
Designed by Ghulam Haider

Contact Form

Name

Email *

Message *

Powered by Blogger.