How to change next page ,prev page in my blogger ?

Hello all.
How to change next page ,prev page in my blogger.
I want to wean next and prev page button and you replace them in page navigation.


I want that my blog seems so :


I also want to remove this part of the post in which is shown for time in which it is posted and the number of comments.


Thank you very much if you can help me on these problems.

 

you can try use Inspect elements in google chroom

 

I'm not a blogger user but a fast google search and I found this one http://www.bloggerrecipes.com/2014/05/blogger-numbered-pagination.html
or you can see more results https://www.google.it/?gws_rd=ssl#q=blogger+numbered+pagination+tutorial

 

your page is completely dynamic....
means you handled your data using database.....

just use the select Query and you get the no. of items found[found]
no. of items found[found] divided into pages....

if your page contain only 20/100
than page will be 1to 5, here i write the php code :- concept is same in every language


<?php
/* connect to database */
?>
<div class="paging">
<ul>
<?php

$result=1500;
$pgcounter=$result/50;
if($pgcounter > intval($pgcounter)){$pgcounter+=1;}
$pgd=2;
$pgc=0;

?>
<li><?php if($pageno > 1){echo "<a href='#pageno=".($pageno - 1)."'>";}else{ echo "<a href='#'>";} ?> <img src="./images/circleleft32.png" /> </a></li>

<?php
if($pageno >= 3){

if($pgcounter <= ($pageno + 4)){
echo "<li><a href='#pageno=1'>1</a></li>";
echo "<li><a href='#pageno=2'>2</a></li>";
echo "<li><a href='#pageno=3'>3</a></li>";
echo "<li>&nbsp; ....... &nbsp; </li>";
}

while($pgcounter>1 && $pgd >= 1 && $pgc < $pgcounter)
{
if($pageno == ($pageno - $pgd)){
echo "<li class='selected'>";}
else{
echo "<li>";}
echo "<a href='#pageno=".($pageno - $pgd)."'> ".($pageno - $pgd)." </a></li>";
$pgd -= 1;
}
}

?>
<?php

while($pgcounter>1 && $pgc <= 5 && $pgcounter >= ($pageno + $pgc))
{
if($pageno == ($pageno + $pgc)){
echo "<li class='selected'>";}
else{
echo "<li>";}
echo "<a href='#pageno=".($pageno + $pgc)."'> ".($pageno + $pgc)." </a></li>";
$pgc += 1;
$npg=$pageno + $pgc;
}

?>

<?php
$pgc=2;
if(($pgcounter >= ($npg + 2)) && ($pgcounter >= 7)){
echo "<li>&nbsp; ............ &nbsp; </li>";

while($pgcounter>10 && $pgc <= 2 && $pgc >= 0 && $pgc < $pgcounter)
{
echo "<li>";
echo "<a href='#pageno=".($pgcounter - $pgc)."'> ".($pgcounter - $pgc)." </a></li>";
$pgc -= 1;
}

}
?>
<li><?php if($pageno < $pgcounter){echo "<a href='#pageno=".($pageno + 1)."'>";}else{ echo "<a href='#'>";} ?> <img src="./images/circleright32.png" /> </a></li>
</ul>

</div>

 

if simple static Page will be there, you only use
<a href="#link" target=""> Link text</a>