Cara Membuat page number 123 di blogspot

Bagaimana ya membuat page number 123 di blogspot ! jawabnya silahkan baca artikel ini sampai tuntas. Dan tentunya artikel ini bukanlah asli dari saya, namun saya mencoba menularkan pengalaman yang saya dapat dari ubaybingokil.com ini, yang menurut saya adalah cara yang paling sederhana dan paling mudah.

1. Silahkan buka layout blogger sobat,
2. Pilih Edit HTML,
3. Cari kode ]]></b:skin>
     kemudian salinlah kode CSS di bawah ini, pastekan diatas kode ]]></b:skin>

.socialshare ul li{
display:inline;margin-left:15px;
}
/* Page Navigation styles */
.showpageNum a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #C04019;
  -webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
  background: #fff;
  line-height: 7em;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  color:#fff;
  border:1px solid #6B6B6B;
  background: #6B6B6B;
  }

.showpagePoint {
  color:#fff;
  text-shadow:0 1px 1px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
  border:1px solid #C04019;
  background: #C04019;
  text-decoration: none;
  }

4. setelah itu cari kode </body>,
    copy dan pastekan kode script di bawah ini di atas kode </body>

<!--Page Navigation Starts-->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='https://elmanusa.com/filejs/elmansblogger-pagenavi.js' type='text/javascript'/>
<!--Page Navigation Ends -->

5. Preview/pratinjau dahulu, bila berhasil silahkan Save/simpan template

Bila berhasil home page blog anda serupa di bawah ini:

Semoga berhasil membuat page number 123 ini di blog sobat!

Refferensi:  https://www.ubaybingokil.com/2012/01/cara-membuat-123-page-number-navigation.html