About all Posts
This is a "workaround" that I still use.
It certainly doesn't seem like the best to me because this forces me to make anonymous "Web Admin".
I don't see much of an issue with anonymous being Web Admin, but I usually delete all HTML Web Client Templates because I don't really use them.
If you plan to use this example I will explain how it works:
This is part of the content of the Web Client Tempate "all"
The red color says the number of posts that this page shows.
The green color is another Web Client Tempate "ListaAll"
There is no more to tell about these Templates.
Copy the code, create your Web Client Templates and modify the links that point to this Template
<$DXContentList Type="Recent" Rule="Number" Max="10" Full="All" Status="Published" Author="N" Template="ListaAll"$>

Here is the code of the two Client Templates:
================= ========= ========
"ListaAll"  Web Template
<div id="archive"><$DXInlineCommentLinkSubject$> - <$DXLocaleLongDate$> - (<$DXCommentCount$>) Comments</div>
================= ========= ========
"All" Web Client Template
Of course you don't need to put the scripts on all of your pages.
Create a Block Template with the scripts and insert it in the pages you need
================= ========= ========
<!DOCTYPE html>
<html><head>
<title>ALL POST</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link href='https://fonts.googleapis.com/css?family=RobotoDraft' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://www.sidra400.com/blog4.nsf/css/blog4.css">
<style>
html,body,h1,h2,h3,h4,h5 {font-family: "RobotoDraft", "Roboto", sans-serif}
.w3-bar-block .w3-bar-item {padding: 16px}
</style>
<!-- Twitter Cards -->
<meta content='summary_large_image' name='twitter:card'>
<meta content='@eslug2' name='twitter:site'>
<meta content='@eslug2' name='twitter:creator'>
<meta content='SIDRA400' name='twitter:title'>
<meta content='Era un blog sobre AS/400 y Lotus Notes' name='twitter:title'>
<meta content='http://www.sidra400.com/sidra400.nsf/dx/logo_2022.jpg/$file/logo_2022.jpgg' name='twitter:image'>
<style>
html,body,h1,h2,h3,h4,h5 {font-family: "RobotoDraft", "Roboto", sans-serif}
.w3-bar-block .w3-bar-item {padding: 16px}
</style>
</head>
<body class=" w3-content" style="max-width:1450px ;background: #fff ;">
<!-- Side Navigation -->
<nav class="w3-sidebar w3-bar-block w3-collapse w3-white w3-card" style="z-index:3;width:320px;" id="mySidebar">
<a href="/blog4.nsf" class="w3-bar-item w3-button w3-border-bottom w3-large">
<img class="w3-round" src="http://www.sidra400.com/blog4.nsf/dx/link_home.jpg/$file/link_home.jpg" style="width:100%;"></a>
<a href="javascript:void(0)" onclick="w3_close()" title="Close Sidemenu"
class="w3-bar-item w3-button w3-hide-large w3-large">CLOSE</a>
<a id="myBtn" onclick="myFunc('Demo1')"></a>
<div id="Demo1" class="w3-hide w3-animate-left">
   <a href="/Blog4.nsf/dx/aboutall.htm" class="w3-bar-item w3-button w3-border-bottom test w3-hover-light-grey">
    <div class="w3-container" style="padding:0px">
   <span class=" w3-large">ABOUT ALL POSTS</span>
    </div>
  </a>
<$DXTemplateBlock Name="TAGS"$>
</div>
</nav>
<!-- Overlay effect when opening the side navigation on small screens -->
<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="Close Sidemenu" id="myOverlay"></div>
<!-- Page content -->
<div class="w3-main" style="margin-left:320px;padding:0px 0px">
<div id="headerdocu" >
<i class="fa fa-bars w3-button w3-white w3-hide-large w3-xlarge" onclick="w3_open()"></i>
<div id="namedocu" ><b>All POSTS</b></div>
<div id="description" ><span class="total">Total <$DXContentViewMax$> (<$DXContentViewCurrent$> - <$DXContentViewTo$>)</span></div>
<div class="w3-left" style="margin:20px 20px 10px 0px">
<button type="button" class="w3-button" style="border:1px solid #bbb"><a href="../webadmin?open&templatename=All&start1=1">TOP</a></button>
<button type="button" class="w3-button" style="border:1px solid #bbb"><a href="<$DXContentViewNext$>">></a></button>
<button type="button" class="w3-button" style="border:1px solid #bbb"><a href="<$DXContentViewLast$>"><</a></button>
<button type="button" class="w3-button" style="border:1px solid #bbb"><a href="<$DXContentViewGotoBottom$>">END</a></button>
</div>
</div>
<div id="comentarios" class="w3-container contenidos">
<div id="contenidodocu">
<div class="w3-container w3-card w3-round w3-white" style="padding:20px 20px;margin:0px ">
<$DXContentList Type="Recent" Rule="Number" Max="10" Full="All" Status="Published" Author="N" Template="ListaAll"$>
</div>
</div>
</div>
<script>
var openInbox = document.getElementById("myBtn");
openInbox.click();
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
document.getElementById("myOverlay").style.display = "block";
}
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
document.getElementById("myOverlay").style.display = "none";
}
function myFunc(id) {
var x = document.getElementById(id);
if (x.className.indexOf("w3-show") == -1) {
  x.className += " w3-show";
  x.previousElementSibling.className += " w3-red";
} else {
  x.className = x.className.replace(" w3-show", "");
  x.previousElementSibling.className =
  x.previousElementSibling.className.replace(" w3-red", "");
}
}
openContenidos("comentarios")
function openContenidos(contenidoName) {
var i;
var x = document.getElementsByClassName("contenidos");
for (i = 0; i < x.length; i++) {
  x[i].style.display = "none";
}
x = document.getElementsByClassName("test");
for (i = 0; i < x.length; i++) {
  x[i].className = x[i].className.replace(" w3-light-grey", "");
}
document.getElementById(contenidoName).style.display = "block";
event.currentTarget.className += " w3-light-grey";
}
</script>
<script>
var openTab = document.getElementById("firstTab");
openTab.click();
</script>
<script>
// Accordion
function myFunction(id) {
var x = document.getElementById(id);
if (x.className.indexOf("w3-show") == -1) {
  x.className += " w3-show";
  x.previousElementSibling.className += " w3-theme-d1";
} else {
  x.className = x.className.replace("w3-show", "");
  x.previousElementSibling.className =
  x.previousElementSibling.className.replace(" w3-theme-d1", "");
}
}
// Used to toggle the menu on smaller screens when clicking on the menu button
function openNav() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
  x.className += " w3-show";
} else {
  x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>

================= ========= ========