Cara Merubah Navigasi Blog Menjadi Angka

Sebagai seorang yang sering menggunakan internet pasti kita pernah melihat suatu Website ataupun Blog yang Mempunyai fitur Preview Post atau Older Post Mungkin juga yang pernah kamu lihat seperti ini Prev 1 2 3 4 5 6 7 8 9 10 Next. nah pasti dengan adanya Navigasi angka tersebut pasti mempermudah kita sebagai pengguna internet yang sering membuka suatu website menjadi lebih mudah dalam memilih Page(Halaman) pada blog dan website, atau mungkin kamu memiliki suatu Website/Blog dan ingin merubah Page Menu kalian menjadi lebih menarik maka kalian bisa ikuti langkah-langkah yang akan saya bahas yaitu tentang :
"Cara Merubah Navigasi Blog Menjadi Angka".



Ikuti setiap langkah yang akan saya jelaskan agar kamu tidak salah dalam memasukan Code HTML pada template.



* Langkah pertama buka Blogger
* Masuk Menu Template
* Kemudian Pilih Edit HTML
* Tekan CTRL+F lalu masukan Code ]]></b:skin kemuadian cari jika sudah ditemukan
* Copy Code Dibawah ini tepat di atas Code ]]></b:skin Kemudian Paste.


/* Tombol Next Page Dengan Angka by 7dxd.Blogspot.com
----------------------------------------------- */
.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}
* Tahap berikutnya carilah Code </body>
* Jika sudah kamu temukan Copy Kembali Code di bawah ini tepat di atas Code </body> lalu paste
* Jika sudah selesai Paste cobalah melakukan Pratinjau Template dan lihat hasilnya. hasilnya akan       terlihat jika kamu memiliki postingan, jadi jika kamu belum melakukan posting maka belum bisa terlihat. tetapi jika kamu sudah melakukan posting dengan batas minimum 5/7 posting maka hasilnya akan terlihat* Jika sudah selesai menempatkan Code maka Hasilnya akan seperti gambar dibawah ini.

<script type='text/javascript'>
var pageCount=4;
var displayPageNum=4;
var upPageWord='Prev';
var downPageWord='Next';
</script>
<!-- Tombol Next Page by 7dxd.blogspot.com -->
<script type="text/javascript" src="https://googledrive.com/host/0By9Vs49VphQqeWVMYzNqbWlNaU0"></script>
Catatan : Gantilah angka "4" beserta kata "Prev" dan "Next" yang saya beri warna kuning sesuai keinginan anda. angka "4" pertama pada Code itu akan menunjukkan jumlah Post yang ingin kamu tampilkan, ketika mengklik pada salah satu nomor pada page next tersebut. dan angka "4" kedua pada Code tersebut akan menampilkan nomor page yang kamu inginkan.
Previous
Next Post »