How To Add Number Navigation Widget On Blogspot Site

-
Number Navigation Widget On Blogspot Site

For review full article of a blog by visitors, page number navigation widget must be essential. Those who use blogger a professional blogging, page number after every page is essential. Visitors can found every post of a blog easily by added this widget.

1. Log in Blogger.
2. Choose Layouts and click on "add gadget".
3. Select HTML/JavaScript.
4. Copy the below code and paste in HTML/JavaScript area.
5. Save it.
Adjust this page number navigation widget just after "Blog posts".

 <br /> <style type='text/css'>  .showpageArea a { text-decoration:underline; } .showpageNum a { border:1px solid #aeaeae; margin:0 3px; padding:3px 7px; text-decoration:none; } .showpageNum a:hover { background-color:#0a8be5; border:1px solid #000000;  } .showpagePoint { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#aeaeae none repeat scroll 0 0; border:1px solid #aeaeae; color:#333333; margin:0 3px; padding:3px 7px; text-decoration:none; } .showpageOf { margin:0 3px 0 0; padding:3px 7px; text-decoration:none; } .showpage a { border:1px solid #aeaeae; padding:3px 7px; text-decoration:none; } .showpage a:hover { text-decoration:none; } .showpageNum a:link, .showpage a:link { color:#333333; text-decoration:none; }  </style><br /> <br /> <br /> <script type='text/javascript'>  var home_page_url = location.href;  var pageCount=10; var displayPageNum=4; 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"> 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; }  }  </script><br /> <script type='text/javascript'>  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><br />

Comments

Post a Comment

Popular posts from this blog

Top 10 Article Directories Site

-
Image
Submission of articles to a top level article directory is a well-known method to get high quality backlinks which in turn helps to build a strong website. These backlinks are very helpful in Google PR. I discussed this topic under “ Article submission and blog traffic ”. So here I decided to give you the top 10 article directories I am using to get backlinks to my blog by posting articles. This list will be very helpful for the development of your blog/website. So start submission of articles to top level directories which I have listed below to get strong backlinks and good traffic to your blog/website.  Let me give you the list (Last checked on 26/01/2012) Article Directory Google PR Alexa TR 1.        EzineArticles         6 320 2.        Helium         6 4539 3.        ArticleCity         5 9934 4.        Buzzle         5 1809 5.        ArticleDashBoard         5
[Read More...]

About Web development As An Industry

-
Web development is a broad term for the work involved in developing a web site for the Internet (World Wide Web) or an intranet (a private network). This can include web design , web content development, client liaison, client-side/server-side scripting, web server and network security configuration, and e-commerce development. However, among web professionals, "web development" usually refers to the main non-design aspects of building web sites: writing markup and coding. Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, or social network services. For larger organizations and businesses, web development teams can consist of hundreds of people (web developers). Smaller organizations may only require a single permanent or contracting webmaster, or secondary assignment to related job positions such as a graphic designer and/or information systems technic
[Read More...]

Implementing Frames in XHTML

-
As in HTML, frames have a singular purpose in XHTML: to give you, the author, the ability to present to the user multiple documents at the same time. This can be done through two methods: fixed frames and floating frames.  Fixed frames allow you to divide the screen into regions; subsequently, you indicate which document displays in each region. To do this, you must first create the individ- ual document, then a frameset document that includes the code that details how to divide the window, and instructs the browser which document to display in which frame. Thus, you will be creating n+1 pages. n being the number of documents to be displayed; the plus-one document being the frameset document. So, to create a page that displays three documents, for example, you must create four documents, the three that will display, plus the frameset document. The other method of displaying multiple documents to use a floating frame. In this case you create a document as usual, then create a floati
[Read More...]