This is how do I make a valid navigation page HTML 5

Bantu KLIK iklan ini gan!!!!

Page navigation is a widged on blog a useful browser for easy finding your old articles on each of their pages.
Navigation will we create today using the numbers on each native land and valid Html 5 already, so you don't have to worry anymore if the template you are using is already valid html5.
to make it follow the trick below carefully.

How to make the navigation on the page using the number or numbers.

1. first you do is enter in your blog account, and then copy and later the code below and then put the right above code]] > or code.

/* Page Navigation */

.navipager{clear:both;margin:0;text-align:center;font-weight:bold;color:#fff !important;text-transform:uppercase}

.navipager span,.navipager a{padding:5px 15px;margin-right:3px;display:inline-block;color:#fff !important;background-color:#9cd9d5;line-height:1.6em}

.navipager .current{color:#fff !important;background-color:#9cd9d5;}

.navipager .current,.navipager .pages{color:#fff !important;background-color:#9cd9d5;}

.navipager a:hover{color:#fff !important;background-color:#f1583b;}

.navipager .pages {margin:0 -1px 0 0}

2. And then look for code like below.

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>

And then put the code below right below.

<b:includable id='navi-pager'> <div class='navipager'> <script type='text/javascript'> var pageNaviConf = {  perPage: 6,  numPages: 5,  firstText: "First",  lastText: "Last",  nextText: " ► ",  prevText: " ◄ "  }  </script> <script type='text/javascript'> //<![CDATA[  function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();          //]]> </script>     </div></b:includable>

3. And then search again the code like this <b:include name='nextprev'/> Next remove the code and replace it with the code below.

<b:if cond='data:blog.pageType == "index"'>

        <b:include name='navi-pager' />

        <b:else/>

        <b:if cond='data:blog.pageType == "archive"'>

            <b:include name='navi-pager' />

        </b:if>

    </b:if>

4. The last step click Save your template and see the results using a new tab, if there were no changes to check back layout code Ctrl + z. good luck...

Bantu KLIK iklan ini gan!!!!