Cara Membuat Next Page Button dengan Angka di Beranda blog

Hai para blogger kali ini saya akan memberikan sedikit tips yang baik untuk desain blog anda, yaitu adalah cara membuat  Next Page Angka, Hal ini bisa anda pereaktekan langsung !! Maka dari itu silahkan baca hingga selesai, supaya anda bisa dalam mendesain blog.
Ini contoh gambarnya:

Tahap pertma dalam pembuatan Next Page Angka yaitu anda silahkan login ke blog anda sendiri, kalau kalian tidak punya akaunnya silahkan daftar di sini. Langkah selanjutnya silahkan anda masuk ke Template lalu pilih atau klik Edit HTML. Kemudain anda akan dihadapkan dengan kode scrip yang sangat rumit, tetapi tidak usah pusing dan risaw, saya akan memberika tutorial ini dengan cepat dan gampang supaya anda cepat mengrti dalam membuat Next Page Angka.

Lamgkah selanjutnya anda silahkakan cari kode <b:skin>...</b:skin> atau ]]></b:skin>. Kode ini ada di nomor 10. Kalau masih belum menemukannya silahkan anda tekan CTRL+F nanti akan ada kotak kecil di atas sebelah kiri, copi kode yang dicari lalau Enter. Seperti gambar di bawah:

Langkah selanjutnya silahkan copy kode ccs di bawah ini dan simpan di atas kode ]]></b:skin> .

/* NEXT PAGE */
.showpageArea{float:left;color:#555;font-size:11px;margin:10px 0}
.showpageArea a{color:#555;text-shadow:0 1px 2px #fff}
.showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555!important}
.showpage{margin:0}
.showpage:hover a{color:#555!important}
.showpagePoint{background:#f8f8f8;border:1px solid #b2b2b2;margin:0 2px 0 0;padding:5px 12px}
.showpageNum a,.showpageOf,.showpage{border:1px solid #e8e8e8;background:#f8f8f8;margin:0 2px 0 0;padding:5px 12px}

Kalau anda tidak tahu cara memasangkannya ok saya akan menjelaskannya. Kalau sudah ketemu kode <b:skin>...</b:skin> ini silahkan anda klik satu kali pas di titk-titiknya atau pas tengahnya, selanjtnya anda ke bawah sampai ketemu kode ]]></b:skin>  kalau sudah ketemu silahkan enter satu kali lalau masukan kode ccs yang di atas pas di atas kode ]]></b:skin>.

Ini contoh gambar pemasangan:

Langkah ke dua silahkan anda cari kode ini </body>  cara mencarinya seperti tadi Ctrl+F copy kode yang di cari di kolom kosong dan lalau enter, nanti juga ketemu dengan di beri warna kuning. Selanjutnya kalau anda sudah menemukan kode yang dicari. Silahkan anda masukan kode ccs di bawah ini tepat di atas kode </body>. 

<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord='Prev';
var downPageWord='Next';
</script>
<!-- NEXT PAGE -->
<script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>

Selanjutnya anda klik Simpan Template dan silahkan lihat perubahan pada blog anda sendri.
Itu lah sedikit pencerahan bagi anda dalam membuat Next Page Angka pada blog anda sendri. Semogga bermanfaat bagi anda yang sudah membaca artikel saya.