Page Number View Blog

  Sorry if this time I made the articles of others as I post this time .. but I do not mean copying someone else article ... but intends to improve his article .. theme of my posting this time is a neighbor how to create a page number to view the blog. I update this article because many of its people who ask my neighbor how to create a page number view, therefore I intend to menshare experience I had when I was confused how do you get the page number view ...

just let us into the discussion ...


Page Navigation Page Number or by using a number or numbers are to function as a navigation tool that can enhance your appearance in addition to the main page can also allow visitors to explore content in a website or blog. See the example on the main page of my blog, about the display as shown below:

Do you want to try it? If so, then the following is a step by step How to Create a Page Number-Navigation specifically blogspot.com blog page:

   1. Login first onto your blogspot dashboard, then select Design (Layout) and select Edit HTML, as usual tick the Expand Widget Templates option, then find the following code: ]]></ b: skin>;
   2. After the meet, above the ]]></ b: skin> and place the code below:

          . ShowpageArea a {
          text-decoration: underline;
          }
          . ShowpageNum a {
          text-decoration: none;
          border: 1px solid # cccccc;
          margin: 0 3px;
          padding: 3px;
          }
          . ShowpageNum a: hover {
          border: 1px solid # cccccc;
          background-color: # cccccc;
          }
          . ShowpagePoint {
          color: # 333;
          text-decoration: none;
          border: 1px solid # cccccc;
          background: # cccccc;
          margin: 0 3px;
          padding: 3px;
          }
          . ShowpageOf {
          text-decoration: none;
          padding: 3px;
          margin: 0 3px 0 0;
          }
          . Showpage a {
          text-decoration: none;
          border: 1px solid # cccccc;
          padding: 3px;
          }
          . Showpage a: hover {
          text-decoration: none;
          }
          . ShowpageNum a: link,. Showpage a: link {
          text-decoration: none;
          color: # 333333;
          }

   3. Then find another code like this: </ body>;
   4. If you've met, the above code </ body> put the script below:

          <b:if cond='data:blog.pageType != "item"'>
          <script type='text/javascript'>
          pageCount var = 5;
          displayPageNum var = 5;
          var upPageWord = 'Previous';
          var downPageWord = 'Next';
          </ Script>
          <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
          </ B: if>

   5. Next find the following code: 'data: label.url';
   6. Remove this code: 'data: label.url' and replace it with code below:

          'Data: label.url + "? & Max-results = 5"'

   7. Last Save Templates and see the results.


NB: Before performing the steps above are kindly requested to back up blog templates with fulll back up ...

for which want to Copying this article please just include a link source
Sources: www.warpsite.blogspot.com

Thank you for visiting. and I say many thanks to vx-ace.blogspot.com who has taught me a neighbor making page number view

Share