Oct 5, 2016

Paginator3000 Scrolling Numbered Page Navigation Widget for Blogger

data:blog.title
Paginator3000 Scrolling Numbered Page Navigation Widget for Blogger - Paginator 3000 is initially designed by Abu Farhan. I'm searching for a long time for this fantastic scrolling numbered page navigation widget for Blogger Blogs, and today I've found it and also sharing this cool gadget with all of my loyal readers. 8)  This numbered page navigation support 1000+ pages and even more and you can say without hesitating Paginator3000 is most beautiful numbered page navigation widget for Blogger till now. I'm not unable to give him a backlink for this widget because I can't found him but A Big thanks to Abu Farhan brother for this fantastic widget. :) Without wasting time, let's get straight to work.

Page Navigation Widget for Blogger, Paginator3000 Scrolling Blogger Widget

You Might Also Like -
- 5 Most Beautiful Popular Posts Wiget for Blogger.
- Best Custom Robot Header Tags Setting for Blogger.
- 7 Stylish Recent Posts Widget for Blogger.

Add Paginator3000 Numbered Pagination to Blogger

  1. First of all, Login to Blogger Account and choose that blog in which you want to add this widget.
  2. Click On Template and as always download a backup copy of your blogger template and then click on Edit HTML button.
  3. Click anywhere inside the code area and search for </head> tag and paste below CSS code just above of it.

  4. <b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
    <style type="text/css">
    /*****************************************
    Paginator3000 by Abu Farhan
    Distributer MyBloggerGuides.com
    ******************************************/
    .paginator {
    margin:5px auto 0;
    }
    .paginator table tr {
    border-collapse:collapse;
    table-layout:fixed;
    width:100%;
      background:#6f9ded;
    background-size:cover;
    }
    .paginator table td {
    text-align:center;
    white-space:nowrap;
      border:none!important;
    background:none!important;
    }
    .paginator span a {
    display:block;
    border-radius:100%;
    padding:7px 14px;
    font-size:15pt;
    font-weight:bold;
    color:#000;
    font-style:normal;
    border-radius:100%;
    border:20px solid #6f9ded;
    text-decoration: none
    }
    .paginator span strong,.paginator span a {
    border-radius:100%;
    padding:7px 14px;
    font-size:15pt;
    font-weight:bold;
    color:#fff;
    }
    .paginator span strong {
    background:#3705af;
    font-style:normal;
    border-radius:100%;
    border:20px solid #c7d0ff;
    box-shadow:0 2px 2px #aaa;
    }
    .paginator span a:hover {
    background:#3705af;
    color:#fff;
    border:20px solid #c7d0ff; border-radius:100%; }
    .paginator .scroll_bar {
    height:20px!important;
    margin-top:20pt;
    position:relative;
    width:100%;}
    .paginator .scroll_trough {
    background:#fff;
    height:2px;
    overflow:hidden;
    width:100%
    }
    .paginator .scroll_thumb {
    background:#363636;
    font-size:1px;
    height:2px;
    left:0;
    position:absolute;
    top:0;
    width:0;
    z-index:1
    }
    .paginator .scroll_knob {
    background:url(https://4.bp.blogspot.com/-XDcG1kPG0fU/V3Y56gfaF_I/AAAAAAAAVAw/cprcw-BQE78CKtKZ7PtLO9CZ1sWlmvYLACLcB/s1600/sprites.png) no-repeat -4px -2px;
    cursor:pointer;
    height:20px;
    left:50%;
    margin-left:-10px;
    overflow:hidden;
    position:absolute;
    top:-5px;
    width:20px
    }
    .paginator .current_page_mark {
    background:#000;
    height:2px;
    left:0;
    overflow:hidden;
    position:absolute;
    top:0;
    width:0
    }
    .fullsize .scroll_thumb {
    display:none
    }
    .paginator_pages {
    color:gray;
    font-size:.8em;
    font-weight:700;
    margin-top:-10px;
    text-align:right;
    width:600px;
    }
    </style>
    </b:if>

  5. Now again search for </body> tag and paste below code just above of this tag.

  6. <b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
    <script type='text/javascript'>
    var home_page=&quot;/&quot;;
    var urlactivepage=location.href;
    var postperpage=7;
    var numshowpage=6;
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    /*
    Paginator 3000
        - http://www.mybloggerguides.com/
    - idea by ecto (ecto.ru)
    - coded by karaboz (karaboz.ru)
    */
    var Paginator = function(paginatorHolderId, pagesTotal, pagesSpan, pageCurrent, baseUrl){
    if(!document.getElementById(paginatorHolderId) || !pagesTotal || !pagesSpan) return false;
    this.inputData = {
    paginatorHolderId: paginatorHolderId,
    pagesTotal: pagesTotal,
    pagesSpan: pagesSpan < pagesTotal ? pagesSpan : pagesTotal,
    pageCurrent: pageCurrent,
    baseUrl: baseUrl ? baseUrl : '/pages/'
    };
    this.html = {
    holder: null,
    table: null,
    trPages: null,
    trScrollBar: null,
    tdsPages: null,
    scrollBar: null,
    scrollThumb: null,
    pageCurrentMark: null
    };
    this.prepareHtml();

    this.initScrollThumb();
    this.initPageCurrentMark();
    this.initEvents();

    this.scrollToPageCurrent();
    }
    Paginator.prototype.prepareHtml = function(){

    this.html.holder = document.getElementById(this.inputData.paginatorHolderId);
    this.html.holder.innerHTML = this.makePagesTableHtml();

    this.html.table = this.html.holder.getElementsByTagName('table')[0];

    var trPages = this.html.table.getElementsByTagName('tr')[0];
    this.html.tdsPages = trPages.getElementsByTagName('td');

    this.html.scrollBar = getElementsByClassName(this.html.table, 'div', 'scroll_bar')[0];
    this.html.scrollThumb = getElementsByClassName(this.html.table, 'div', 'scroll_thumb')[0];
    this.html.pageCurrentMark = getElementsByClassName(this.html.table, 'div', 'current_page_mark')[0];

    // hide scrollThumb if there is no scroll (we see all pages at once)
    if(this.inputData.pagesSpan == this.inputData.pagesTotal){
    addClass(this.html.holder, 'fullsize');
    }
    }
    Paginator.prototype.makePagesTableHtml = function(){
    var tdWidth = (100 / this.inputData.pagesSpan) + '%';
    var html = '' +
    '<table width="100%">' +
    '<tr>'
    for (var i=1; i<=this.inputData.pagesSpan; i++){
    html += '<td width="' + tdWidth + '"></td>';
    }
    html += '' +
    '</tr>' +
    '<tr>' +
    '<td colspan="' + this.inputData.pagesSpan + '">' +
    '<div class="scroll_bar">' +
    '<div class="scroll_trough"></div>' +
    '<div class="scroll_thumb">' +
    '<div class="scroll_knob"></div>' +
    '</div>' +
    '<div class="current_page_mark"></div>' +
    '</div>' +
    '</td>' +
    '</tr>' +
    '</table>';
    return html;
    }
    Paginator.prototype.initScrollThumb = function(){
    this.html.scrollThumb.widthMin = '8'; // minimum width of the scrollThumb (px)
    this.html.scrollThumb.widthPercent = this.inputData.pagesSpan/this.inputData.pagesTotal * 100;
    this.html.scrollThumb.xPosPageCurrent = (this.inputData.pageCurrent - Math.round(this.inputData.pagesSpan/2))/this.inputData.pagesTotal * this.html.table.offsetWidth;
    this.html.scrollThumb.xPos = this.html.scrollThumb.xPosPageCurrent;
    this.html.scrollThumb.xPosMin = 0;
    this.html.scrollThumb.xPosMax;
    this.html.scrollThumb.widthActual;
    this.setScrollThumbWidth();
    }
    Paginator.prototype.setScrollThumbWidth = function(){
    // Try to set width in percents
    this.html.scrollThumb.style.width = this.html.scrollThumb.widthPercent + "%";
    // Fix the actual width in px
    this.html.scrollThumb.widthActual = this.html.scrollThumb.offsetWidth;
    // If actual width less then minimum which we set
    if(this.html.scrollThumb.widthActual < this.html.scrollThumb.widthMin){
    this.html.scrollThumb.style.width = this.html.scrollThumb.widthMin + 'px';
    }

    this.html.scrollThumb.xPosMax = this.html.table.offsetWidth - this.html.scrollThumb.widthActual;
    }
    Paginator.prototype.moveScrollThumb = function(){
    this.html.scrollThumb.style.left = this.html.scrollThumb.xPos + "px";
    }
    Paginator.prototype.initPageCurrentMark = function(){
    this.html.pageCurrentMark.widthMin = '3';
    this.html.pageCurrentMark.widthPercent = 100 / this.inputData.pagesTotal;
    this.html.pageCurrentMark.widthActual;
    this.setPageCurrentPointWidth();
    this.movePageCurrentPoint();
    }
    Paginator.prototype.setPageCurrentPointWidth = function(){
    // Try to set width in percents
    this.html.pageCurrentMark.style.width = this.html.pageCurrentMark.widthPercent + '%';
    // Fix the actual width in px
    this.html.pageCurrentMark.widthActual = this.html.pageCurrentMark.offsetWidth;
    // If actual width less then minimum which we set
    if(this.html.pageCurrentMark.widthActual < this.html.pageCurrentMark.widthMin){
    this.html.pageCurrentMark.style.width = this.html.pageCurrentMark.widthMin + 'px';
    }
    }
    Paginator.prototype.movePageCurrentPoint = function(){
    if(this.html.pageCurrentMark.widthActual < this.html.pageCurrentMark.offsetWidth){
    this.html.pageCurrentMark.style.left = (this.inputData.pageCurrent - 1)/this.inputData.pagesTotal * this.html.table.offsetWidth - this.html.pageCurrentMark.offsetWidth/2 + "px";
    } else {
    this.html.pageCurrentMark.style.left = (this.inputData.pageCurrent - 1)/this.inputData.pagesTotal * this.html.table.offsetWidth + "px";
    }
    }
    Paginator.prototype.initEvents = function(){
    var _this = this;
    this.html.scrollThumb.onmousedown = function(e){
    if (!e) var e = window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
    var dx = getMousePosition(e).x - this.xPos;
    document.onmousemove = function(e){
    if (!e) var e = window.event;
    _this.html.scrollThumb.xPos = getMousePosition(e).x - dx;
    // the first: draw pages, the second: move scrollThumb (it was logically but ie sucks!)
    _this.moveScrollThumb();
    _this.drawPages();
    }
    document.onmouseup = function(){
    document.onmousemove = null;
    _this.enableSelection();
    }
    _this.disableSelection();
    }
    this.html.scrollBar.onmousedown = function(e){
    if (!e) var e = window.event;
    if(matchClass(_this.paginatorBox, 'fullsize')) return;
    _this.html.scrollThumb.xPos = getMousePosition(e).x - getPageX(_this.html.scrollBar) - _this.html.scrollThumb.offsetWidth/2;
    _this.moveScrollThumb();
    _this.drawPages();
    }
    // Comment the row beneath if you set paginator width fixed
    addEvent(window, 'resize', function(){Paginator.resizePaginator(_this)});
    }
    Paginator.prototype.drawPages = function(){
    var percentFromLeft = this.html.scrollThumb.xPos/(this.html.table.offsetWidth);
    var cellFirstValue = Math.round(percentFromLeft * this.inputData.pagesTotal);

    var html = "";
    // drawing pages control the position of the scrollThumb on the edges!
    if(cellFirstValue < 1){
    cellFirstValue = 1;
    this.html.scrollThumb.xPos = 0;
    this.moveScrollThumb();
    } else if(cellFirstValue >= this.inputData.pagesTotal - this.inputData.pagesSpan) {
    cellFirstValue = this.inputData.pagesTotal - this.inputData.pagesSpan + 1;
    this.html.scrollThumb.xPos = this.html.table.offsetWidth - this.html.scrollThumb.offsetWidth;
    this.moveScrollThumb();
    }
    for(var i=0; i<this.html.tdsPages.length; i++){
    var cellCurrentValue = cellFirstValue + i;
    if(cellCurrentValue == this.inputData.pageCurrent){
    html = "<span>" + "<strong>" + cellCurrentValue + "</strong>" + "</span>";
    } else {
    html = "<span>" + "<a href='#'  onclick='redirect"+jenis+"("+cellCurrentValue+");return false'>" + cellCurrentValue + "</a>" + "</span>";
    }
    this.html.tdsPages[i].innerHTML = html;
    }
    }
    Paginator.prototype.scrollToPageCurrent = function(){
    this.html.scrollThumb.xPosPageCurrent = (this.inputData.pageCurrent - Math.round(this.inputData.pagesSpan/2))/this.inputData.pagesTotal * this.html.table.offsetWidth;
    this.html.scrollThumb.xPos = this.html.scrollThumb.xPosPageCurrent;

    this.moveScrollThumb();
    this.drawPages();

    }
    Paginator.prototype.disableSelection = function(){
    document.onselectstart = function(){
    return false;
    }
    this.html.scrollThumb.focus();
    }

    Paginator.prototype.enableSelection = function(){
    document.onselectstart = function(){
    return true;
    }
    }
    Paginator.resizePaginator = function (paginatorObj){

    paginatorObj.setPageCurrentPointWidth();
    paginatorObj.movePageCurrentPoint();

    paginatorObj.setScrollThumbWidth();
    paginatorObj.scrollToPageCurrent();
    }

    function getElementsByClassName(objParentNode, strNodeName, strClassName){
    var nodes = objParentNode.getElementsByTagName(strNodeName);
    if(!strClassName){
    return nodes;
    }
    var nodesWithClassName = [];
    for(var i=0; i<nodes.length; i++){
    if(matchClass( nodes[i], strClassName )){
    nodesWithClassName[nodesWithClassName.length] = nodes[i];
    }
    }
    return nodesWithClassName;
    }
    function addClass( objNode, strNewClass ) {
    replaceClass( objNode, strNewClass, '' );
    }

    function removeClass( objNode, strCurrClass ) {
    replaceClass( objNode, '', strCurrClass );
    }

    function replaceClass( objNode, strNewClass, strCurrClass ) {
    var strOldClass = strNewClass;
    if ( strCurrClass && strCurrClass.length ){
    strCurrClass = strCurrClass.replace( /\s+(\S)/g, '|$1' );
    if ( strOldClass.length ) strOldClass += '|';
    strOldClass += strCurrClass;
    }
    objNode.className = objNode.className.replace( new RegExp('(^|\\s+)(' + strOldClass + ')($|\\s+)', 'g'), '$1' );
    objNode.className += ( (objNode.className.length)? ' ' : '' ) + strNewClass;
    }

    function matchClass( objNode, strCurrClass ) {
    return ( objNode && objNode.className.length && objNode.className.match( new RegExp('(^|\\s+)(' + strCurrClass + ')($|\\s+)') ) );
    }
    function addEvent(objElement, strEventType, ptrEventFunc) {
    if (objElement.addEventListener)
    objElement.addEventListener(strEventType, ptrEventFunc, false);
    else if (objElement.attachEvent)
    objElement.attachEvent('on' + strEventType, ptrEventFunc);
    }
    function removeEvent(objElement, strEventType, ptrEventFunc) {
    if (objElement.removeEventListener) objElement.removeEventListener(strEventType, ptrEventFunc, false);
    else if (objElement.detachEvent) objElement.detachEvent('on' + strEventType, ptrEventFunc);
    }
    function getPageY( oElement ) {
    var iPosY = oElement.offsetTop;
    while ( oElement.offsetParent != null ) {
    oElement = oElement.offsetParent;
    iPosY += oElement.offsetTop;
    if (oElement.tagName == 'BODY') break;
    }
    return iPosY;
    }

    function getPageX( oElement ) {
    var iPosX = oElement.offsetLeft;
    while ( oElement.offsetParent != null ) {
    oElement = oElement.offsetParent;
    iPosX += oElement.offsetLeft;
    if (oElement.tagName == 'BODY') break;
    }
    return iPosX;
    }

    function getMousePosition(e) {
    if (e.pageX || e.pageY){
    var posX = e.pageX;
    var posY = e.pageY;
    }else if (e.clientX || e.clientY) {
    var posX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
    var posY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
    }
    return {x:posX, y:posY}
    }
    //]]>
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    var _0x8cd5=["\x62\x6C\x6F\x67\x2D\x70\x61\x67\x65\x72","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x61\x67\x69\x6E\x61\x74\x6F\x72\x22\x20\x69\x64\x3D\x22\x70\x61\x67\x69\x6E\x61\x74\x6F\x72\x31\x22\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x3E\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x61\x67\x69\x6E\x61\x74\x6F\x72\x31\x22\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x6D\x79\x62\x6C\x6F\x67\x67\x65\x72\x67\x75\x69\x64\x65\x73\x2E\x63\x6F\x6D\x2F\x32\x30\x31\x36\x2F\x31\x31\x2F\x61\x64\x64\x2D\x73\x74\x79\x6C\x69\x73\x68\x2D\x6E\x75\x6D\x62\x65\x72\x65\x64\x2D\x70\x61\x67\x65\x2D\x6E\x61\x76\x69\x67\x61\x74\x69\x6F\x6E\x2D\x77\x69\x64\x67\x65\x74\x2D\x66\x6F\x72\x2D\x62\x6C\x6F\x67\x67\x65\x72\x2E\x68\x74\x6D\x6C\x22\x20\x72\x65\x6C\x3D\x22\x64\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x66\x6F\x6E\x74\x2D\x73\x69\x7A\x65\x3A\x20\x35\x70\x74\x3B\x20\x6F\x70\x61\x63\x69\x74\x79\x3A\x30\x3B\x20\x66\x6C\x6F\x61\x74\x3A\x20\x72\x69\x67\x68\x74\x3B\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x3E\x4E\x75\x6D\x62\x65\x72\x65\x64\x20\x50\x61\x67\x65\x20\x4E\x61\x76\x69\x67\x61\x74\x69\x6F\x6E\x20\x66\x6F\x72\x20\x42\x6C\x6F\x67\x67\x65\x72\x3C\x2F\x61\x3E","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x70\x61\x67\x69\x6E\x61\x74\x6F\x72\x31","","\x66\x65\x65\x64","\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x24\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73","\x2F\x73\x65\x61\x72\x63\x68\x2F\x6C\x61\x62\x65\x6C\x2F","\x69\x6E\x64\x65\x78\x4F\x66","\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x3F\x26\x6D\x61\x78","\x3F\x71\x3D","\x2E\x68\x74\x6D\x6C","\x70\x61\x67\x65","\x23\x50\x61\x67\x65\x4E\x6F\x3D","\x6C\x65\x6E\x67\x74\x68","\x3C\x73\x63\x72\x69\x70\x74\x20\x73\x72\x63\x3D\x22","\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x3F\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x31\x26\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x68\x69\x74\x75\x6E\x67\x74\x6F\x74\x61\x6C\x64\x61\x74\x61\x22\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E","\x77\x72\x69\x74\x65","\x6C\x61\x62\x65\x6C","\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x2F\x2D\x2F","\x3F\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x68\x69\x74\x75\x6E\x67\x74\x6F\x74\x61\x6C\x64\x61\x74\x61\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x31\x22\x20\x3E\x3C\x2F\x73\x63\x72\x69\x70\x74\x3E","\x68\x65\x61\x64","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x73\x63\x72\x69\x70\x74","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74","\x73\x72\x63","\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x73\x75\x6D\x6D\x61\x72\x79\x3F\x73\x74\x61\x72\x74\x2D\x69\x6E\x64\x65\x78\x3D","\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D\x31\x26\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x63\x61\x6C\x6C\x62\x61\x63\x6B\x3D\x66\x69\x6E\x64\x64\x61\x74\x65\x70\x6F\x73\x74","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64","\x68\x72\x65\x66","\x3F\x73\x74\x61\x72\x74\x2D\x69\x6E\x64\x65\x78\x3D","\x73\x65\x61\x72\x63\x68\x2F\x6C\x61\x62\x65\x6C\x2F","\x3F\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x65\x6E\x74\x72\x79","\x24\x74","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x73\x65\x61\x72\x63\x68\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78\x3D","\x3F\x75\x70\x64\x61\x74\x65\x64\x2D\x6D\x61\x78\x3D"];var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(_0x4710x6){maksimal= parseInt(_0x4710x6/ postperpage)+ 1;var _0x4710x7=document[_0x8cd5[1]](_0x8cd5[0]);html= _0x8cd5[2];if(_0x4710x7){_0x4710x7[_0x8cd5[3]]= html};pag1=  new Paginator(_0x8cd5[4],maksimal,numshowpage,nomerhal,_0x8cd5[5])}function hitungtotaldata(_0x4710x9){var _0x4710xa=_0x4710x9[_0x8cd5[6]];var _0x4710xb=parseInt(_0x4710xa[_0x8cd5[7]].$t,10);loophalaman(_0x4710xb)}function halamanblogger(){var _0x4710xd=urlactivepage;if(_0x4710xd[_0x8cd5[9]](_0x8cd5[8])!=  -1){if(_0x4710xd[_0x8cd5[9]](_0x8cd5[10])!=  -1){lblname1= _0x4710xd[_0x8cd5[11]](_0x4710xd[_0x8cd5[9]](_0x8cd5[8])+ 14,_0x4710xd[_0x8cd5[9]](_0x8cd5[10]))}else {lblname1= _0x4710xd[_0x8cd5[11]](_0x4710xd[_0x8cd5[9]](_0x8cd5[8])+ 14,_0x4710xd[_0x8cd5[9]](_0x8cd5[12]))}};if(_0x4710xd[_0x8cd5[9]](_0x8cd5[13])== -1&& _0x4710xd[_0x8cd5[9]](_0x8cd5[14])==  -1){if(_0x4710xd[_0x8cd5[9]](_0x8cd5[8])==  -1){jenis= _0x8cd5[15];if(urlactivepage[_0x8cd5[9]](_0x8cd5[16])!=  -1){nomerhal= urlactivepage[_0x8cd5[11]](urlactivepage[_0x8cd5[9]](_0x8cd5[16])+ 8,urlactivepage[_0x8cd5[17]])}else {nomerhal= 1};document[_0x8cd5[20]](_0x8cd5[18]+ home_page+ _0x8cd5[19])}else {jenis= _0x8cd5[21];if(_0x4710xd[_0x8cd5[9]](_0x8cd5[22])==  -1){postperpage= 20};if(urlactivepage[_0x8cd5[9]](_0x8cd5[16])!=  -1){nomerhal= urlactivepage[_0x8cd5[11]](urlactivepage[_0x8cd5[9]](_0x8cd5[16])+ 8,urlactivepage[_0x8cd5[17]])}else {nomerhal= 1};document[_0x8cd5[20]](_0x8cd5[18]+ home_page+ _0x8cd5[23]+ lblname1+ _0x8cd5[24])}}}function redirectpage(_0x4710xf){if(_0x4710xf!= 1){jsonstart= (_0x4710xf- 1)* postperpage;nopage= _0x4710xf;var _0x4710x10=document[_0x8cd5[26]](_0x8cd5[25])[0];var _0x4710x11=document[_0x8cd5[28]](_0x8cd5[27]);_0x4710x11[_0x8cd5[29]]= _0x8cd5[30];_0x4710x11[_0x8cd5[34]](_0x8cd5[31],home_page+ _0x8cd5[32]+ jsonstart+ _0x8cd5[33]);_0x4710x10[_0x8cd5[35]](_0x4710x11)}else {alamat= home_page;location[_0x8cd5[36]]= alamat}}function redirectlabel(_0x4710xf){if(_0x4710xf!= 1){jsonstart= (_0x4710xf- 1)* postperpage;nopage= _0x4710xf;var _0x4710x10=document[_0x8cd5[26]](_0x8cd5[25])[0];var _0x4710x11=document[_0x8cd5[28]](_0x8cd5[27]);_0x4710x11[_0x8cd5[29]]= _0x8cd5[30];_0x4710x11[_0x8cd5[34]](_0x8cd5[31],home_page+ _0x8cd5[23]+ lblname1+ _0x8cd5[37]+ jsonstart+ _0x8cd5[33]);_0x4710x10[_0x8cd5[35]](_0x4710x11)}else {alamat= home_page+ _0x8cd5[38]+ lblname1+ _0x8cd5[39]+ postperpage;location[_0x8cd5[36]]= alamat}}function finddatepost(_0x4710x9){post= _0x4710x9[_0x8cd5[6]][_0x8cd5[40]][0];var _0x4710x14=post[_0x8cd5[42]][_0x8cd5[41]][_0x8cd5[11]](0,19)+ post[_0x8cd5[42]][_0x8cd5[41]][_0x8cd5[11]](23,29);var _0x4710x15=encodeURIComponent(_0x4710x14);if(jenis== _0x8cd5[15]){var _0x4710x16=home_page+ _0x8cd5[43]+ _0x4710x15+ _0x8cd5[22]+ postperpage+ _0x8cd5[16]+ nopage}else {var _0x4710x16=home_page+ _0x8cd5[38]+ lblname1+ _0x8cd5[44]+ _0x4710x15+ _0x8cd5[22]+ postperpage+ _0x8cd5[16]+ nopage};location[_0x8cd5[36]]= _0x4710x16}
    //]]>
    </script>
    </b:if>

  7. Now save your Template, and That's it.

The only con of Paginator3000 widget is that it will not work with mobile devices, but it is looking more lovely and beautiful from all other page navigation widgets that are available on the internet. 8)

Conclusion:

So above I've shared "Paginator3000 Scrolling Numbered Page Navigation Widget for Blogger". I hope you guys will like this widget. If you face any problem in adding Paginator 3000 into your blogger blog, then leave a comment below. I'll be happy to assist you. :)

Did you like it? Do share with your other friends and also don't forget to subscribe us If you want to get latest updates direct into your mailbox for free.

Thank You!
Stay Blessed and Stay Happy!
Search Tags: paginator3000 scrolling numbered page navigation for blogger, page navigation widget for blogger, blogger pagination, HTML page number navigation code, blogger page navigation widget generator with styles, how to add next and previous button on blogger, numbered page navigation javascript, next page button blogger, blogger post pagination.

No comments:

Post a Comment

We’re eager to see your comment. If you have any query related to the topic then drop a comment below. We will help you out of sure. However, Please Keep in mind that all comments are moderated manually by our human reviewers. According to our comment policy all link are nofollow so keep in mind that never use links in comments, we consider link comments as a spam.