Blog Pagination Need Help | Coding help

TECRIDIBLE i want to change panation of my blog to this style https://www.w3schools.com/w3css/tryw3css_templates_blog.htm (Previous & next) how to?

# 2018-02-19 08:00

photostudio_1519062983123.jpg · image/jpeg · 318.59KB

· (0)

Graham

TECRIDIBLE
In that style

#<?
function paging_template $url;$page;$active_page;$total_pages;
if $total_pages == 1
goto @end
endif
if $page > 1
goto @next
endif
print <div class="w3-container w3-dark-grey w3-padding-32 w3-margin-top" style="clear:both">
if $active_page == 1
print <div style="float:left"><span class="w3-button w3-black w3-disabled w3-padding-large w3-margin-bottom">PREV</span></div>
endif
@next
if ($page+1) == $active_page
print <div style="float:left"><span><a class="w3-button w3-black w3-padding-large w3-margin-bottom" href="$url">«PREV</a></span></div>
elseif ($page-1) == $active_page
print <div style="float:right"><span><a class="w3-button w3-black w3-padding-large w3-margin-bottom" href="$url">NEXT»</a></span></div>
endif
if $page < $total_pages
goto @end
endif
if $active_page==$total_pages
print <div style="float:right"><span class="w3-button w3-black w3-disabled w3-padding-large w3-margin-bottom">NEXT</span></div>
endif
print </div>
@end
endfunction
#?>

Copy code

# 2018-02-19 13:09 (edited 2018-02-19 14:39 by Graham ) · (1)

TECRIDIBLE

Graham thank you so much is that possible to align them right & left

# 2018-02-19 14:15 · (0)

Graham

TECRIDIBLE I edited the previous code to have float wrappers

# 2018-02-19 14:40 · (0)

VOLThor6

Graham well done! I've couldn't never done something like that. Mr. graham is super pro at xtscrip

# 2018-02-19 15:14 · (1)

sudahpernahblog

Graham Sir, please code pagination and css like this

# 2018-05-25 12:45

Screenshot_2018-05-26-05-44-00.png · image/png · 150.76KB

· (0)

Graham

sudahpernahblog copy this to your global_stylsheet

.xt_pagination {
  margin: 3px 0;
}
.xt_pagination a, .xt_pagination span a {
  margin: 0 2px;
  background-color: #117ac6;
  color: #ffffff;
  padding: 2px;
  text-decoration:none
}
.xt_pagination span.selected span {
  background-color: #ffae19;
  color: #ffffff;
  padding: 2px;
  margin: 0 2px;
}

Copy code

# 2018-05-26 04:42 · (0)

sudahpernahblog

Graham Thanks sir

# 2018-05-26 11:52 · (0)

MoynaLink

sudahpernahblog Sir , I need help in Paging Next Page link replace to parking domain link . And where to place that code help me

# 2022-06-29 10:09 · (0)