How to make a Next Post Botton in blogspot blogger
If you want to add the next post button with a timer code, Just follow bellow steps.
First look at below next post Boutton If you Like this type of button, just follow the bellow code and paste it to your website post or anywhere.
<br /><hr /><div style="text-align: center;">
<a class="button" href="/2022/10/govt-nursing-colleges-in-Dhaka.html" id="mnae" rel="noopener" target="_self"><b>NEXT (1/10) </b></a> <button class="gag" id="erdc">NEXT (0/10)</button> <script>
var div232 = document.getElementById("mnae");
var counter = 3000;
var plqw = document.createElement("p");
plqw.innerHTML = "";
var id;
div232.parentNode.replaceChild(plqw, div232);
function mydived4() {
this.style.display = 'none';
id = setInterval(function () {
counter--;
if (counter < 0) {
plqw.parentNode.replaceChild(div232, plqw);
clearInterval(id);
} else {
plqw.innerHTML = +counter.toString() + " Sec <br/><b>NEXT (1/10)<b/>";
}
}, 10);
};
var diverdc = document.getElementById("erdc");
diverdc.onclick = mydived4;
</script></div><br /><hr />
Now you can set a post code after 9 or any more post.
<br />
<hr />
<div style="text-align: center;">
<a class="button" id="div23" rel="noopener" target="_blank"><span class="ez-toc-section" id="C.ode: Bn66"></span>C.ode: Bn66<span class="ez-toc-section-end"></span></a>
<button class="gag" id="btn">Your C.ode: ...</button>
<script>
var div234 = document.getElementById("div23");
var counter = 3000;
var kijkf = document.createElement("p");
kijkf.innerHTML = "";
var id;
div234.parentNode.replaceChild(kijkf, div234);
function mydiv124() {
this.style.display = 'none';
id = setInterval(function () {
counter--;
if (counter < 0) {
kijkf.parentNode.replaceChild(div234, kijkf);
clearInterval(id);
} else {
kijkf.innerHTML = +counter.toString() + " Sec <br/><b>Your C.ode: ...<b/>";
}
}, 10);
};
var clickbtn = document.getElementById("btn");
clickbtn.onclick = mydiv12;
</script>
</div>
<br />
<hr />

No comments