{"id":103,"date":"2013-08-21T09:08:00","date_gmt":"2013-08-21T09:08:00","guid":{"rendered":"http:\/\/www.arhixe.com\/?p=103"},"modified":"2013-08-21T09:08:00","modified_gmt":"2013-08-21T09:08:00","slug":"how-to-add-page-number-in-blogger","status":"publish","type":"post","link":"https:\/\/thefaddism.com\/?p=103","title":{"rendered":"How To Add Page Number in Blogger"},"content":{"rendered":"

Blogger free blog publishing platform uses a pretty limited navigation features that only display \u201cOlder Posts\u201d or \u201cNewer Posts\u201d link to let readers navigate and browse to other pages on homepage (index), archive, category and label pages. Unlike WordPress blog that supports plugin to customize the page navigation link to numbered pages listing to make it more user friendly, Blogger, whether hosted on blogspot.com or custom domain does not have such flexibility.<\/p>\n

<\/a><\/div>\n

As shown in image above, a navigation link consists of page numbers, first page, last page, next page and previous page (when applicable) is display on Blogger blog instead of the usual \u201cOlder Items\u201d and \u201cNewer Items\u201d text links.
To add the \u201cnew\u201d navigation link with page number to Blogger blog, simply add in a new Page Element Gadget in the Blogger. To do so, follow the guide below:<\/p>\n

    \n
  1. Login to Blogger<\/a> account Dashboard<\/b>.<\/li>\n
  2. Click on the Layout<\/b> link for the blog that you want to modify (if you\u2019re viewing the blog and logged in to Blogger or Google Account, just click on Customize<\/b> on the Next Blog toolbar.<\/li>\n
  3. Go to Page Element<\/b> tab (by default).<\/li>\n
  4. Click on Add a Gadget<\/b> anywhere in the layout.<\/li>\n
  5. In the Add a Gadget window, select HTML\/JavaScript<\/b>.<\/li>\n
  6. Add the following code into the Content<\/b> text field. Title field can be left blank, or just type in any description such as \u201cPage Navigation\u201d to differentiate it from the rest of widgets.
    \n

    <style>
    .showpageArea {
    padding: 0 2px;margin-top:10px;margin-bottom:10px;
    }
    .showpageArea a {
    border: 1px solid #505050;
    color: #000000;font-weight:normal;
    padding: 3px 6px !important;
    padding: 1px 4px ;margin:0px 4px;
    text-decoration: none;
    }
    .showpageArea a:hover {
    font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;
    }
    .showpageNum a {
    border: 1px solid #505050;
    color: #000000;font-weight:normal;
    padding: 3px 6px !important;
    padding: 1px 4px ;margin:0px 4px;
    text-decoration: none;
    }
    .showpageNum a:hover {
    font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;
    }
    .showpagePoint {
    font-size:11px;
    padding: 2px 4px 2px 4px;
    margin: 2px;
    font-weight: bold;
    border: 1px solid #333;
    color: #fff;
    background-color: #000000;
    }
    .showpage a:hover {
    font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;
    }
    .showpageNum a:link,.showpage a:link {
    font-size:11px;
    padding: 2px 4px 2px 4px;
    margin: 2px;
    text-decoration: none;
    border: 1px solid #0066cc;
    color: #0066cc;
    background-color: #FFFFFF;}
    .showpageNum a:hover {
    font-size:11px;
    border: 1px solid #333;
    color: #000000;
    background-color: #FFFFFF;
    }
    <\/style>
    <script type=\u201dtext\/javascript\u201d>
    function showpageCount(json) {
    var thisUrl = location.href;
    var htmlMap = new Array();
    var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==\u201d.blogspot.com\/\u201d;
    var isLablePage = thisUrl.indexOf(\u201c\/search\/label\/\u201d)!=-1;
    var isPage = thisUrl.indexOf(\u201c\/search?updated\u201d)!=-1;
    var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(\u201c\/search\/label\/\u201d)+14,thisUrl.length) : \u201c\u201d;
    thisLable = thisLable.indexOf(\u201c?\u201d)!=-1 ? thisLable.substr(0,thisLable.indexOf(\u201c?\u201d)) : thisLable;
    var thisNum = 1;
    var postNum=1;
    var itemCount = 0;
    var fFlag = 0;
    var eFlag = 0;
    var html= \u201d;
    var upPageHtml =\u201d;
    var downPageHtml =\u201d;
    var pageCount=5;
    var displayPageNum=3;
    var firstPageWord = \u2018First\u2019;
    var endPageWord = \u2018Last\u2019;
    var upPageWord =\u2019Previous\u2019;
    var downPageWord =\u2019Next\u2019;
    var labelHtml = \u2018<span class=\u201dshowpageNum\u201d><a href=\u201d\/search\/label\/\u2019+thisLable+\u2019?&max-results=\u2019+pageCount+\u2019\u201d>\u2019;
    for(var i=0, post; post = json.feed.entry[i]; i++) {
    var timestamp = post.published.$t.substr(0,10);
    var title = post.title.$t;
    if(isLablePage){
    if(title!=\u201d){
    if(post.category){
    for(var c=0, post_category; post_category = post.category[c]; c++) {
    if(encodeURIComponent(post_category.term)==thisLable){
    if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
    if(thisUrl.indexOf(timestamp)!=-1 ){
    thisNum = postNum;
    }
    postNum++;
    htmlMap[htmlMap.length] = \u2018\/search\/label\/\u2019+thisLable+\u2019?updated-max=\u2019+timestamp+\u2019T00%3A00%3A00%2B08%3A00&max-results=\u2019+pageCount;
    }
    }
    }
    }\/\/end if(post.category){
    itemCount++;
    }
    }else{
    if(title!=\u201d){
    if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
    if(thisUrl.indexOf(timestamp)!=-1 ){
    thisNum = postNum;
    }
    if(title!=\u201d) postNum++;
    htmlMap[htmlMap.length] = \u2018\/search?updated-max=\u2019+timestamp+\u2019T00%3A00%3A00%2B08%3A00&max-results=\u2019+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){
    if(isLablePage){
    upPageHtml = labelHtml + upPageWord +\u2019<\/a><\/span>\u2019;
    }else{
    upPageHtml = \u2018<span class=\u201dshowpage\u201d><a href=\u201d\/\u201d>\u2019+ upPageWord +\u2019<\/a><\/span>\u2019;
    }
    }else{
    upPageHtml = \u2018<span class=\u201dshowpage\u201d><a href=\u201d\u2018+htmlMap[p]+\u2019\u201d>\u2019+ upPageWord +\u2019<\/a><\/span>\u2019;
    }
    fFlag++;
    }
    if(p==(thisNum-1)){
    html += \u2018&nbsp;<span class=\u201dshowpagePoint\u201d><u>\u2019+thisNum+\u2019<\/u><\/span>\u2019;
    }else{
    if(p==0){
    if(isLablePage){
    html = labelHtml+\u20191<\/a><\/span>\u2019;
    }else{
    html += \u2018<span class=\u201dshowpageNum\u201d><a href=\u201d\/\u201d>1<\/a><\/span>\u2019;
    }
    }else{
    html += \u2018<span class=\u201dshowpageNum\u201d><a href=\u201d\u2018+htmlMap[p]+\u2019\u201d>\u2019+ (p+1) +\u2019 <\/a><\/span>\u2019;
    }
    }
    if(eFlag ==0 && p == thisNum){
    downPageHtml = \u2018<span class=\u201dshowpage\u201d> <a href=\u201d\u2018+htmlMap[p]+\u2019\u201d>\u2019+ downPageWord +\u2019<\/a><\/span>\u2019;
    eFlag++;
    }
    }\/\/end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
    }\/\/end for(var p =0;p< htmlMap.length;p++){
    if(thisNum>1){
    if(!isLablePage){
    html = \u2018<span class=\u201dshowpage\u201d><a href=\u201d\/\u201d>\u2019+ firstPageWord +\u2019 <\/a><\/span>\u2019+upPageHtml+\u2019 \u2018+html +\u2019 \u2018;
    }else{
    html = \u201d+labelHtml + firstPageWord +\u2019 <\/a><\/span>\u2019+upPageHtml+\u2019 \u2018+html +\u2019 \u2018;
    }
    }
    html = \u2018<div class=\u201dshowpageArea\u201d><span style=\u201dfont-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;\u201d class=\u201dshowpage\u201d>Page \u2018+thisNum+\u2019 of \u2018+(postNum-1)+\u2019: <\/span>\u2019+html;
    if(thisNum<(postNum-1)){
    html += downPageHtml;
    html += \u2018<span class=\u201dshowpage\u201d><a href=\u201d\u2018+htmlMap[htmlMap.length-1]+\u2019\u201d> \u2018+endPageWord+\u2019<\/a><\/span>\u2019;
    }
    if(postNum==1) postNum++;
    html += \u2018<\/div>\u2019;
    if(isPage || isFirstPage || isLablePage){
    var pageArea = document.getElementsByName(\u201cpageArea\u201d);
    var blogPager = document.getElementById(\u201cblog-pager\u201d);
    if(postNum <= 2){
    html =\u201d;
    }
    for(var p =0;p< pageArea.length;p++){
    pageArea[p].innerHTML = html;
    }
    if(pageArea&&pageArea.length>0){
    html =\u201d;
    }
    if(blogPager){
    blogPager.innerHTML = html;
    }
    }
    }
    <\/script>
    <script src=\u201d\/feeds\/posts\/summary?alt=json-in-script&callback=showpageCount&max-results=99999\u2033 type=\u201dtext\/javascript\u201d><\/script> <\/p><\/blockquote>\n<\/li>\n

  7. Click Save<\/b> button.<\/li>\n
  8. Drag and drop the newly added HTML\/JavaScript gadget to directly right below the Blog Posts<\/b> element.<\/li>\n
  9. Click on Save button to make the change effective.<\/li>\n<\/ol>\n

    For user who don\u2019t want to use the Page Element widget or gadget, it\u2019s possible to manually editing the HTML file, although it\u2019s more difficult to do and should only be tried by blogger with technical expertise.<\/p>\n

      \n
    1. Login to Blogger<\/a> account Dashboard<\/b>.<\/li>\n
    2. Click on the Layout<\/b> link for the blog that you want to modify (if you\u2019re viewing the blog and logged in to Blogger or Google Account, just click on Customize<\/b> on the Next Blog toolbar.<\/li>\n
    3. Go to Edit HTML<\/b> tab (there is no need to expand widget templates).<\/li>\n
    4. Search for the following line:]]><\/b:skin><\/code><\/b><\/li>\n
    5. Copy the following CSS code and paste or append the code above the line: .showpageArea {
      padding: 0 2px;margin-bottom:10px;margin-top:10px;
      }<\/code>
      .showpageArea a {
      border: 1px solid #505050;
      color: #000000;font-weight:normal;
      padding: 3px 6px !important;
      padding: 1px 4px ;margin:0px 4px;
      text-decoration: none;
      }<\/code>
      .showpageArea a:hover {
      font-size:11px;
      border: 1px solid #333;
      color: #000000;
      background-color: #FFFFFF;
      }<\/code>
      .showpageNum a {
      border: 1px solid #505050;
      color: #000000;font-weight:normal;
      padding: 3px 6px !important;
      padding: 1px 4px ;margin:0px 4px;
      text-decoration: none;
      }<\/code>
      .showpageNum a:hover {
      font-size:11px;
      border: 1px solid #333;
      color: #000000;
      background-color: #FFFFFF;
      }<\/code>
      .showpagePoint {
      font-size:11px;
      padding: 2px 4px 2px 4px;
      margin: 2px;
      font-weight: bold;
      border: 1px solid #333;
      color: #fff;
      background-color: #000000;
      }<\/code>
      .showpage a:hover {
      font-size:11px;
      border: 1px solid #333;
      color: #000000;
      background-color: #FFFFFF;
      }<\/code>
      .showpageNum a:link,.showpage a:link {
      font-size:11px;
      padding: 2px 4px 2px 4px;
      margin: 2px;
      text-decoration: none;
      border: 1px solid #0066cc;
      color: #0066cc;
      background-color: #FFFFFF;
      }<\/code>
      .showpageNum a:hover {
      font-size:11px;
      border: 1px solid #333;
      color: #000000;
      background-color: #FFFFFF;
      }<\/code> <\/li>\n
    6. Next, search for the following line of code in the template\u2019s HTML code: <b:section class='main' id='main' showaddelement='no'>
      <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'\/>
      <\/b:section><\/code><\/b>
      Note: The \u2018no\u2019 after \u201cshowaddelement\u201d can be \u2018yes\u2019 for some bloggers.<\/li>\n
    7. Add and append the following JavaScript code right after the <\/b:section><\/b> line:
      \n

      &lt;script type=&quot;text\/javascript&quot;&gt;
      function showpageCount(json) {
      var thisUrl = location.href;
      var htmlMap = new Array();
      var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.com\/&quot;;
      var isLablePage = thisUrl.indexOf(&quot;\/search\/label\/&quot;)!=-1;
      var isPage = thisUrl.indexOf(&quot;\/search?updated&quot;)!=-1;
      var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;\/search\/label\/&quot;)+14,thisUrl.length) : &quot;&quot;;
      thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;
      var thisNum = 1;
      var postNum=1;
      var itemCount = 0;
      var fFlag = 0;
      var eFlag = 0;
      var html= &#39;&#39;;
      var upPageHtml =&#39;&#39;;
      var downPageHtml =&#39;&#39;;
      var pageCount=5;
      var displayPageNum=3;
      var firstPageWord = &#39;First&#39;;
      var endPageWord = &#39;Last&#39;;
      var upPageWord =&#39;Previous&#39;;
      var downPageWord =&#39;Next&#39;;
      var labelHtml = &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;\/search\/label\/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;
      for(var i=0, post; post = json.feed.entry[i]; i++) {
      var timestamp = post.published.$t.substr(0,10);
      var title = post.title.$t;
      if(isLablePage){
      if(title!=&#39;&#39;){
      if(post.category){
      for(var c=0, post_category; post_category = post.category[c]; c++) {
      if(encodeURIComponent(post_category.term)==thisLable){
      if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
      if(thisUrl.indexOf(timestamp)!=-1 ){
      thisNum = postNum;
      }
      postNum++;
      htmlMap[htmlMap.length] = &#39;\/search\/label\/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
      }
      }
      }
      }\/\/end if(post.category){
      itemCount++;
      }
      }else{
      if(title!=&#39;&#39;){
      if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
      if(thisUrl.indexOf(timestamp)!=-1 ){
      thisNum = postNum;
      }
      if(title!=&#39;&#39;) postNum++;
      htmlMap[htmlMap.length] = &#39;\/search?updated-max=&#39;+timestamp+&#39;T00%3A00%3A00%2B08%3A00&amp;max-results=&#39;+pageCount;
      }
      }
      itemCount++;
      }
      }
      for(var p =0;p&lt; htmlMap.length;p++){
      if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
      if(fFlag ==0 &amp;&amp; p == thisNum-2){
      if(thisNum==2){
      if(isLablePage){
      upPageHtml = labelHtml + upPageWord +&#39;&lt;\/a&gt;&lt;\/span&gt;&#39;;
      }else{
      upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;\/&quot;&gt;&#39;+ upPageWord +&#39;&lt;\/a&gt;&lt;\/span&gt;&#39;;
      }
      }else{
      upPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ upPageWord +&#39;&lt;\/a&gt;&lt;\/span&gt;&#39;;
      }
      fFlag++;
      }
      if(p==(thisNum-1)){
      html += &#39;&amp;nbsp;&lt;span class=&quot;showpagePoint&quot;&gt;&lt;u&gt;&#39;+thisNum+&#39;&lt;\/u&gt;&lt;\/span&gt;&#39;;
      }else{
      if(p==0){
      if(isLablePage){
      html = labelHtml+&#39;1&lt;\/a&gt;&lt;\/span&gt;&#39;;
      }else{
      html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;\/&quot;&gt;1&lt;\/a&gt;&lt;\/span&gt;&#39;;
      }
      }else{
      html += &#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ (p+1) +&#39; &lt;\/a&gt;&lt;\/span&gt;&#39;;
      }
      }
      if(eFlag ==0 &amp;&amp; p == thisNum){
      downPageHtml = &#39;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+ downPageWord +&#39;&lt;\/a&gt;&lt;\/span&gt;&#39;;
      eFlag++;
      }
      }\/\/end if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){
      }\/\/end for(var p =0;p&lt; htmlMap.length;p++){
      if(thisNum&gt;1){
      if(!isLablePage){
      html = &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;\/&quot;&gt;&#39;+ firstPageWord +&#39; &lt;\/a&gt;&lt;\/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
      }else{
      html = &#39;&#39;+labelHtml + firstPageWord +&#39; &lt;\/a&gt;&lt;\/span&gt;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;
      }
      }
      html = &#39;&lt;div class=&quot;showpageArea&quot;&gt;&lt;span style=&quot;font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;&quot; class=&quot;showpage&quot;&gt;Page &#39;+thisNum+&#39; of &#39;+(postNum-1)+&#39;: &lt;\/span&gt;&#39;+html;
      if(thisNum&lt;(postNum-1)){
      html += downPageHtml;
      html += &#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[htmlMap.length-1]+&#39;&quot;&gt; &#39;+endPageWord+&#39;&lt;\/a&gt;&lt;\/span&gt;&#39;;
      }
      if(postNum==1) postNum++;
      html += &#39;&lt;\/div&gt;&#39;;
      if(isPage || isFirstPage || isLablePage){
      var pageArea = document.getElementsByName(&quot;pageArea&quot;);
      var blogPager = document.getElementById(&quot;blog-pager&quot;);
      if(postNum &lt;= 2){
      html =&#39;&#39;;
      }
      for(var p =0;p&lt; pageArea.length;p++){
      pageArea[p].innerHTML = html;
      }
      if(pageArea&amp;&amp;pageArea.length&gt;0){
      html =&#39;&#39;;
      }
      if(blogPager){
      blogPager.innerHTML = html;
      }
      }
      }
      &lt;\/script&gt;
      &lt;script src=&quot;\/feeds\/posts\/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; type=&quot;text\/javascript&quot;&gt;&lt;\/script&gt;<\/p><\/blockquote>\n<\/li>\n

    8. Click on Preview<\/b> button to ensure that no code error been found. No effect on the navigation hack can be seen though.<\/li>\n
    9. Click on Save Template<\/b> to save the change.<\/li>\n<\/ol>\n

      Customization and Modification<\/b><\/p>\n

        \n
      1. For user who is not using blogspot.com domain (using self-hosted domain name), modify the .blogspot.com<\/b> and 14<\/b> (13 characters of domain name + 1) in the line of var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&quot;.blogspot.com\/&quot;;<\/b> accordingly.<\/li>\n
      2. The value in the line of var pageCount =5;<\/b> determines the number of posts to be shown on each page.<\/li>\n
      3. The value in the line of var displayPageNum = 3;<\/b> defines the number of page links in the navigation bar to be displayed (e.g. 1 \u2013 2 \u2013 3).<\/li>\n
      4. User who knows CSS and Java Script can customize the code to their likings. <\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

        Blogger free blog publishing platform uses a pretty limited navigation features that only display \u201cOlder…<\/p>\n","protected":false},"author":1,"featured_media":405,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-103","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogger-guide"],"yoast_head":"\nHow To Add Page Number in Blogger - The Faddism<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thefaddism.com\/?p=103\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Add Page Number in Blogger - The Faddism\" \/>\n<meta property=\"og:description\" content=\"Blogger free blog publishing platform uses a pretty limited navigation features that only display \u201cOlder...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thefaddism.com\/?p=103\" \/>\n<meta property=\"og:site_name\" content=\"The Faddism\" \/>\n<meta property=\"article:published_time\" content=\"2013-08-21T09:08:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thefaddism.com\/wp-content\/uploads\/2013\/08\/123231223.png\" \/>\n\t<meta property=\"og:image:width\" content=\"648\" \/>\n\t<meta property=\"og:image:height\" content=\"494\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/thefaddism.com\/?p=103\",\"url\":\"https:\/\/thefaddism.com\/?p=103\",\"name\":\"How To Add Page Number in Blogger - The Faddism\",\"isPartOf\":{\"@id\":\"https:\/\/thefaddism.com\/#website\"},\"datePublished\":\"2013-08-21T09:08:00+00:00\",\"dateModified\":\"2013-08-21T09:08:00+00:00\",\"author\":{\"@id\":\"https:\/\/thefaddism.com\/#\/schema\/person\/1b84fda14e3b82a80ecb9c9da1f25c44\"},\"breadcrumb\":{\"@id\":\"https:\/\/thefaddism.com\/?p=103#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/thefaddism.com\/?p=103\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/thefaddism.com\/?p=103#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/thefaddism.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Add Page Number in Blogger\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/thefaddism.com\/#website\",\"url\":\"https:\/\/thefaddism.com\/\",\"name\":\"The Faddism\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/thefaddism.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/thefaddism.com\/#\/schema\/person\/1b84fda14e3b82a80ecb9c9da1f25c44\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/thefaddism.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/597a6e8a8264cf7584d467c244a09bd9e6d1263b00a663bf0dd67049d64d97a8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/597a6e8a8264cf7584d467c244a09bd9e6d1263b00a663bf0dd67049d64d97a8?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/thefaddism.com\"],\"url\":\"https:\/\/thefaddism.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Add Page Number in Blogger - The Faddism","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thefaddism.com\/?p=103","og_locale":"en_US","og_type":"article","og_title":"How To Add Page Number in Blogger - The Faddism","og_description":"Blogger free blog publishing platform uses a pretty limited navigation features that only display \u201cOlder...","og_url":"https:\/\/thefaddism.com\/?p=103","og_site_name":"The Faddism","article_published_time":"2013-08-21T09:08:00+00:00","og_image":[{"width":648,"height":494,"url":"https:\/\/thefaddism.com\/wp-content\/uploads\/2013\/08\/123231223.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thefaddism.com\/?p=103","url":"https:\/\/thefaddism.com\/?p=103","name":"How To Add Page Number in Blogger - The Faddism","isPartOf":{"@id":"https:\/\/thefaddism.com\/#website"},"datePublished":"2013-08-21T09:08:00+00:00","dateModified":"2013-08-21T09:08:00+00:00","author":{"@id":"https:\/\/thefaddism.com\/#\/schema\/person\/1b84fda14e3b82a80ecb9c9da1f25c44"},"breadcrumb":{"@id":"https:\/\/thefaddism.com\/?p=103#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thefaddism.com\/?p=103"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/thefaddism.com\/?p=103#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thefaddism.com\/"},{"@type":"ListItem","position":2,"name":"How To Add Page Number in Blogger"}]},{"@type":"WebSite","@id":"https:\/\/thefaddism.com\/#website","url":"https:\/\/thefaddism.com\/","name":"The Faddism","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thefaddism.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/thefaddism.com\/#\/schema\/person\/1b84fda14e3b82a80ecb9c9da1f25c44","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/thefaddism.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/597a6e8a8264cf7584d467c244a09bd9e6d1263b00a663bf0dd67049d64d97a8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/597a6e8a8264cf7584d467c244a09bd9e6d1263b00a663bf0dd67049d64d97a8?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/thefaddism.com"],"url":"https:\/\/thefaddism.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/posts\/103","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=103"}],"version-history":[{"count":0,"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/posts\/103\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=\/wp\/v2\/media\/405"}],"wp:attachment":[{"href":"https:\/\/thefaddism.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=103"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=103"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thefaddism.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}