Membuat Number Page Navigation Blog

~Assalamualaikum wr.wb~

Halo sobat sharelikers,Apa kabar?Kali ini saya mau berbagi info tentang Penomoran halaman di home page blog sobat sekalian.Saya Tergerak membuat tutorialnya karena salah satu sharelikers yang bertanya sama saya mengenai gagdet satu ini.

Contohnya bisa sobat lihat di gambar.Nah bila sobat jga berminat,sobat bisa
Ikuti Langkah-langkahnya sebagai berikut :

1.Loggin Ke blogger
2.Lalu klik rancangan
3.kemudian klik Edit Html
4.Lalu Klik Expand widget Template
5.Lalu carilah Kode ]]></b:skin>
6.setelah Ketemu,copy kode berikut ini dan letakkan diatas kode ]]></b:skin>

/* -- NUMBER PAGE NAVIGATION by YAng PEnting Share! -- */
#blog-pager {padding:6px 0px}
.showpageArea{float:left}
.showpageOf{margin:0 8px 0 0;padding:3px 7px;color:#dcdcdc;font:15px Arial,Verdana;background:#FF2855;}
.showpagePoint{color:#fff;font:bold 15px Arial,Verdana;padding:2px 7px;margin:2px;border:0px solid #fff;background:#be3f5a;text-decoration:none}
.showpageNum a{font:15px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#dcdcdc;}
.showpageNum a:hover{color:#fff;background:#FF2855;}
.showpage a{font:15px Arial,Verdana;padding:3px 7px;margin:0 4px;text-decoration:none;background:transparent;color:#dcdcdc;}
.showpage a:hover{color:#fff;background:#1a1a19;}
.showpageArea{margin:10px 0;font:15px Arial,Verdana;color:#dcdcdc}

7.Setelah Itu cari kode </body> atau kode dibawah Ini :(bila tidak ketemu)

<b:section class='main' id='main'
showaddelement='yes'> <b:widget id='Blog1' locked='false'
title='Blog Posts' type='Blog'/> </b:section>

8.lalu Copy kode "pemanggil"nya berikut ini diatas kode No 7.Diatas

<!--Page Navigation Starts-->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;var postperpage=3;
var numshowpage=7;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
<!--Page Navigation Ends-->
</b:if>
8.Kemudian Klik save Template.Dan lihat hasilnya

Catatan :

• Style penomoran diatas adalah seperti milik saya,bila sobat ingin mengantinya sobat bisa mengubah kode warna sesuai selera sobat (yang berwarna merah seperti kode #FF2855 )
• ganti Jumlah posting setiap halaman (var postpage) dan jumlah halaman nomor yang ditampilkan (var numshowpage) sesuai selera sobat masing-masing
  

Semoga Artikel Membuat Number Page Navigation Blog ini Bermanfaat.Silahkan dicoba ^_^