membuat older post menjadi 'pages number'

!

yah, pada hari ini . saya mau share nih
lihat gambar disamping!, pernah lihat???
yaa, betul. gambar disamping biasanya ada pada bawah setelah list posting beranda. dan kali ini, kita akan membagas tersebut, mengganti 'older post' dengan 'halaman angka',

pertanyaan: apakah ada gunanya ataupun kelebihan memakai tersebut

jawaban : penting gak penting sih, tapi buat saya ini rumayan penting, karena apa, bukan hanya untuk membuat blog kita semakin menarik, pelanggan blog kita akan lebih mudah mencari postingan yang paling lama. coba bayangkan, jika kita punya 150 posting, setiap penampilan hanya menampilkan 5 posting, berapa lama kita nunggu jika kita pengen ke postingan ke 100 atau 150, lama banget kan. itulah keuntungannya.
oke, langsung aja, saya jelaskan bagaimana membuat 'page post' dengan mudah.

1. masuk ke blogger. klik disini
2. masuklah ke design template dan pilih edit HTML.
3. oke, setelah ini cari syntx ini ]]></b:skin>
4. setelah itu , masukkan syntax di bawah ini. diatas syntax diatas tersebut.
5. .showpageArea a {   
   text-decoration:underline;
   }
   .showpageNum a {
   text-decoration:none;
   border: 1px solid #cccccc;
   margin:0 3px;
   padding:3px;
   }
   .showpageNum a:hover {
   border: 1px solid #cccccc;
   background-color:#cccccc;
   }
   .showpagePoint {
   color:#333;
   text-decoration:none;
   border: 1px solid #cccccc;
   background: #cccccc;
   margin:0 3px;
   padding:3px;
   }
   .showpageOf {
   text-decoration:none;
   padding:3px;
   margin: 0 3px 0 0;
   }
   .showpage a {
   text-decoration:none;
   border: 1px solid #cccccc;
   padding:3px;
   }
   .showpage a:hover {
   text-decoration:none;
   }
   .showpageNum a:link,.showpage a:link {
   text-decoration:none;
   color:#333333;
   }
6. setelah itu cari </body>.
7. kalau sudah ketemu masukkan syntax dibawah ini di atas tulisan  </body> tersebut.
8. <!--Page Navigation Starts-->
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
   <script type='text/javascript'>
   var pageCount=5;
   var displayPageNum=5;
   var upPageWord =&#39;Previous&#39;;
   var downPageWord =&#39;Next&#39;;
   </script>
   <script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
   </b:if> </b:if>
   <!--Page Navigation Ends --> 

tinggal simpan dan lihat hasilnya :D bagaiamana? silahkan di coba.