Tuesday 12 June 2012

How To Add Numbered Page Navigation In Blogger With Labels Optimized For Navigation

Creating Your Blog writer Design Individual Helpful is one of the most crucial factor to get your suitable viewers that come with your Blog/Website.Designing is the key to create your visitor's think why they should check out your website/Blog you have to create your guests experience you are the better organization in the city of sites with regards to   Excellent so to create your Website/Blog Better Try to create there changes which we have formerly Mentioned How to enhance Blog writer layouts name tag So these days we will understand how we can add web page routing in blogger template.It is most essential to provide your guests how much your weblogs have articles and this will create your articles arrive at there audiance

First of all go to Dash and choose your site in which you want to position designated web page routing Select Design and Modify your Design Ensure that to Mark Increase your Gadget Option

Step 1:Editing Css in template
Now media Ctrl+F and Look for the following code

    ]]></b:skin>



And Just Before it insert the following code



    .showpageNum a {
      padding: 3px 8px;
      margin:0 4px;
      text-decoration: none;
      border:1px strong #999;
      -webkit-border-radius:3px;-moz-border-radius:3px;
      background: #ddd;
      }


    .showpageOf {
    margin:0 8px 0 0;
    }
    .showpageNum a:hover {
      border:1px strong #888;
      background: #ccc;
      }


    .showpagePoint {
      color:#fff;
      text-shadow:0 1px 2px #333;
      padding: 3px 8px;
      margin: 2px;
      font-weight: 700;
      -webkit-border-radius:3px;-moz-border-radius:3px;
      border:1px strong #999;
      background: #666;
      text-decoration: none;
      }



Step 2:Adding Coffee Program in web page
Now Press Ctrl+F and Discover The Following Code


    </body>



And Now Just Before it Put the Following Code



    &lt;script type='text/javascript'&gt;
    var home_page=&quot;/&quot;;
    var urlactivepage=location.href;
    var postperpage=7;
    var numshowpage=4;
    var upPageWord ='Prev';
    var downPageWord ='Next';
    &lt;/script&gt;
    &lt;script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'&gt;&lt;/script&gt;


There is standard establishing if you want more web page designated to demonstrate you web page you can do this

var postperpage=7;
var numshowpage=4;
Postperpage : How many Publish every Page for your blog
numshowpage : how Many variety will display in Your web page Navigation

No comments:

Post a Comment