Pagination, and solving the problem of non-emergence of values ​​in the labels and sections.

Page Navigation: is an important
addition to all blogger templates, which
makes it easy for the visitor to navigate
between the posts in the blog, and also
gives the aesthetic of the template,
But there is a problem with a large
number of users of Plugger platform, as
this addition does not appear in the
sections or labels, but God willing we
will solve this problem,

NB :
If you have a few problems in your blog,
delete it and install this add-on

The first step :
Log in to blog management and then to
the planning and edit the blog
messages, and headed to the number
of messages home page Put the
number of tweets you want to appear in
the posts page as well as this number
you put here we will put it in the
numbering so that there is no problem.

The second step :

Enter the template HTML has been
edited, and search for this code:


 <b:includable id='post' var='post'>

How to search for this code Click on the

keyboard on the ctrl button then f at
once and then again ctrl and v then click

 

 <b:includable id='page-navi'>
    <div class='pagenav'>
        <script type='text/javascript'>
        var pageNaviConf = {
            perPage: 9,
            numPages: 5,
            firstText: &quot;first page&quot;,
            lastText: &quot;last page&quot;,
            nextText: &quot;Next&quot;,
            prevText: &quot;the previous&quot;
        }
        </script>
  <script type='text/javascript'>
  //<![CDATA[
  function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=

  //]]>
  </script>
        <div class='clear'/>
    </div>
 </b:includable>

The number 9 in this code is the number
of entries that will appear, replace it with
the number you placed in the number of
home page messages.
Number 5 is the number of numbers that
will appear in the numbering of a visitor.

The third step :

Search for this code:

<b: include name = 'nextprev' />

Replace it with the following code:

<b:if cond='data:blog.pageType == &quot;index&quot;'> 

   <b:include name='page-navi'/> <b:else/> 

   <b:if cond='data:blog.pageType == &quot;archive&quot;'><b:include name='page-navi'/></b:if> <b:else/> 

 <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include name='nextprev'/> </b:if> 
   </b:if>

The fourth step :

Search this tag: ]]></b:skin>

above this code: 

/* CSS Page Navigation */
.pagenav {
    clear: both;
    margin: 10px 0 10px;;
    padding: 15px;
    text-align: left;
    font-size: 13px;
    font-family: 'Droid Sans';
    font-weight: 700;
    text-align: center;
}
.pagenav span, .pagenav a {
    padding: 10px 15px;
    display: inline-block;
    background-color: #fff;
    color: #4d90fe;
    font-size: 15px;
    margin: 0px 4px 8px 4px;
    transition: all .2s ease;
}
.pagenav .pages {
    background-color: #4d90fe;
    color: #fff;
    transition: all .2s linear;
}
.pagenav a:hover {
    background-color:#dd5d24;
    color:#fff;
    transition: 0.5s
}
.pagenav .current {
    background-color:#dd5d24;
    color:#fff;
}
.pagenav .pages {display:none;}