Cara Membuat Page Number di Blog

Saya akan share sedikit nih bagaimana cara membuat page number, menurut saya ini adalah salah satu kebutuhan sih untuk membuat blog dan apa lagi jika blog sobat semua memiliki artikel yang banyak mungkin sampai 300 jadi ini mempermudah visitor untuk mencariartikrl yang lain.

Screnshot

• Langkah pertama login dulu di blog sobat semua
• setelah itu masuk ke dasbor lalu pilih tata letak
• tambah gadget lalu pilih HTML/JavaScript
• kemudian paste kode di bawah ini

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKTauPfv0L4j9MpLdXh0BeiHJmD84vZu5p_lim7k1U_TcnZgVEtXrPFxXZ7CWqp8OwkXwydBtM8WWKY-Stn_CLZlpZj4TvRDwP51E2MmAyrgpnCQH6RzaIkA_vogriBhLZ5zWM6FYo_w/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:0px 1px 0 1px;padding:3px 10px;color:#EEE;line-height:30px;cursor:pointer;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpageNum a:hover,.showpage a:hover {<br /><br /><br />background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKTauPfv0L4j9MpLdXh0BeiHJmD84vZu5p_lim7k1U_TcnZgVEtXrPFxXZ7CWqp8OwkXwydBtM8WWKY-Stn_CLZlpZj4TvRDwP51E2MmAyrgpnCQH6RzaIkA_vogriBhLZ5zWM6FYo_w/s1600/greendiamond.png) repeat-x;background-position:0px -30px;<br /><br /><br />border:2px solid #006666;-webkit-border-radius:20px;<br /><br /><br />-moz-border-radius:20px;border-radius:20px;color:#FFF;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;<br /><br /><br />background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKTauPfv0L4j9MpLdXh0BeiHJmD84vZu5p_lim7k1U_TcnZgVEtXrPFxXZ7CWqp8OwkXwydBtM8WWKY-Stn_CLZlpZj4TvRDwP51E2MmAyrgpnCQH6RzaIkA_vogriBhLZ5zWM6FYo_w/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;line-height:30px;padding:3px 10px;color:#EEE;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhKTauPfv0L4j9MpLdXh0BeiHJmD84vZu5p_lim7k1U_TcnZgVEtXrPFxXZ7CWqp8OwkXwydBtM8WWKY-Stn_CLZlpZj4TvRDwP51E2MmAyrgpnCQH6RzaIkA_vogriBhLZ5zWM6FYo_w/s1600/greendiamond.png) repeat-x;background-position:0px -30px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:2px solid #007777;-webkit-border-radius:20px; -moz-border-radius:20px;border-radius:20px;color:#EEE;text-decoration:underline;font-weight:bold;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);} </style><br /><br /><br /><a href="http://www.jeinsuweb.blogspot.com/" target="_blank" title="jeinsuweb"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguQIR3_MP2lDuYm-f6VrjC0N7syrbqXf-FFyHko5SrNJTDXi2wyWrC5B6qsc-6rDI4cOF9t8_HufJQ87SAgT9110JhZsjMnFC249vgCdybeZ5iyDkV-1i3AZZMbGLSpgozSec0oZw8ZpE/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><br /><br /><br /><script style='text/javascript'><br /><br /><br />var postperpage=5;<br /><br /><br />var numshowpage=3;<br /><br /><br />var upPageWord="Prev";<br /><br /><br />var downPageWord="Next";<br /><br /><br />var home_page="/";<br /><br /><br />var urlactivepage=location.href;<br /><br /><br /></script>

• jika sudah kemudian di SAVE lalu lihat hasilnya