Blogger Sayfa Numarası HTML Kodu

Sayfa Numarası Navigasyon Blogger Valid HTML5 - deneyim Doğrulama sorunlarına anasayfa liste yazının altındaki bulunan HTML5 Widget navigasyon sayı için, aşağıdaki öğretici ben böylece daha sonra HTML5 doğrulama hataları navigasyon widget sayısına sorunu tespit edilemedi zaman bu öğretici kapsayacaktır.Konu önemsiz olduğunu ve doğrudan kolayca aşılabilir çözmek için ise doğrulama bölümün anda genellikle, sayfa sayısı ve JS bulunan kod bir hata algıladı. Burada sayfa numarası gezinti geçerli HTML5 değildir üstesinden gelmek için basit bir yoludur.Kod bölümü ve hata tespit edildiğinde bulun ve kod ile değiştirmek için bulundu ve eğer, kodu, genellikle sadece bir değil ama bazı kod vardır. Ayrıca, geçerlilik HTML5 sırasında daha hataları önlemek için gereken kod genel değişiklik. Veya varsa bile henüz koymak ve Sayfa Numarası Navigasyon Valid HTML5 Blogger nasıl oluşturulacağı aşağıdaki bloglarında navigasyon widget bir dizi kullanmak istemiyor.


1. Blogger hesabınıza giriş yapın ve HTML şablonları Düzenle gitmek.
2. Bu Kodu CTRL+F ile aratın
3. Aşağıdaki kodu kopyalayın ve daha sonra yukarıdaki CSS kodunun üstüne yerleştirin


.showpageArea{position:relative;display:block;padding:0;margin:0 7px 40px 0} .showpageArea a{position:relative;background:#111;color:#fff;padding:10px;top:0;float:left} .showpageOf,.showpagePoint{position:relative;color:#63C4F1;background:#111;padding:10px;float:left} .showpageOf{display:none;float:right}

4. Sonra aşağıdaki kodu bulun.


<b:section class='main' id='main' showaddelement='no'> ............................................... </b:section>

Aşağıdaki ekran görüntüsünde olduğu gibi kod tam görünüm

 5. Ardından kodu kopyalayın  ve kodunun altına aşağıdaki kodu yapıştırın </ b: section>


<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "error_page"'> <script type='text/javascript'> var home_page_url = location.href; var pageCount=15; var displayPageNum=10; var upPageWord ='Previous'; var downPageWord ='Next'; function showpageCount(json) { var thisUrl = home_page_url; var htmlMap = new Array(); var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= ''; var upPageHtml =''; var downPageHtml =''; for(var i=0, post; post = json.feed.entry[i]; i++) {var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29); timestamp = encodeURIComponent(timestamp1);var title = post.title.$t;if(title!=''){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; }if(title!='') postNum++; htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount; } }itemCount++;}for(var p =0;p< htmlMap.length;p++){ if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>'; }else{ upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>'; } fFlag++; } if(p==(thisNum-1)){ html += '<span class="showpagePoint">'+thisNum+'</span>'; }else{ if(p==0){ html += '<span class="showpageNum"><a href="/">1</a></span>';}else{ html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>'; }}if(eFlag ==0 && p == thisNum){ downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>'; eFlag++; }}} if(thisNum>1){ html = ''+upPageHtml+' '+html +' '; }html = '<div class="showpageArea"> <span class="showpageOf">Pages ['+(postNum-1)+']</span>'+html; if(thisNum<(postNum-1)){ html += downPageHtml; }if(postNum==1) postNum++; html += '</div> '; var pageArea = document.getElementsByName("pageArea"); var blogPager = document.getElementById("blog-pager"); if(postNum <= 2){ html =''; }for(var p =0;p< pageArea.length;p++){ pageArea[p].innerHTML = html; }if(pageArea&&pageArea.length>0){ html =''; }if(blogPager){ blogPager.innerHTML = html; }} function showpageCount2(json) { var thisUrl = home_page_url; var htmlMap = new Array(); var isLablePage = thisUrl.indexOf("/search/label/")!=-1; var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : ""; thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable; var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= ''; var upPageHtml =''; var downPageHtml =''; var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">'; var thisUrl = home_page_url; for(var i=0, post; post = json.feed.entry[i]; i++) { var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29); timestamp = encodeURIComponent(timestamp1); var title = post.title.$t; if(title!=''){ if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ if(thisUrl.indexOf(timestamp)!=-1 ){ thisNum = postNum; } if(title!='') postNum++; htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount; }}itemCount++;} for(var p =0;p< htmlMap.length;p++){ if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){ if(thisNum==2){ upPageHtml = labelHtml + upPageWord +'</a></span>'; }else{ upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>'; }fFlag++;} if(p==(thisNum-1)){ html += '<span class="showpagePoint">'+thisNum+'</span>'; }else{ if(p==0){ html = labelHtml+'1</a></span>'; }else{ html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>'; }} if(eFlag ==0 && p == thisNum){ downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>'; eFlag++; }}} if(thisNum>1){ if(!isLablePage){ html = ''+upPageHtml+' '+html +' '; }else{ html = ''+upPageHtml+' '+html +' '; }} html = '<div class="showpageArea"> <span class="showpageOf"> page('+(postNum-1)+')</span>'+html; if(thisNum<(postNum-1)){ html += downPageHtml; } if(postNum==1) postNum++; html += '</div> '; var pageArea = document.getElementsByName("pageArea"); var blogPager = document.getElementById("blog-pager"); if(postNum <= 2){ html =''; } for(var p =0;p< pageArea.length;p++){ pageArea[p].innerHTML = html; } if(pageArea&&pageArea.length>0){ html =''; } if(blogPager){ blogPager.innerHTML = html; }} </script> <script> var thisUrl = home_page_url; if (thisUrl.indexOf("/search/label/")!=-1){ if (thisUrl.indexOf("?updated-max")!=-1){ var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max")); }else{ var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max")); }} var home_page = "/"; if (thisUrl.indexOf("?q=")==-1){ if (thisUrl.indexOf("/search/label/")==-1){ document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>') }else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>') }} </script> </b:if> </b:if> </b:if>

6. Son olarak şablonu kaydedin.