Cara Membuat Next Page Follower-Technology

Cara Membuat Next Page Follower-Technology - Next Page/Navigasi. bagi sebagian orang yang baru membuat blog, melihat blog yang lain yang mempunyai navigasi page pasti akan mencari bagai mana cara membuat Next Page tersebut..!.

Sebelum lanjut ke cara membuat Next Page atau angka 1 2 3 dan seterusnya yang berada dibawah halaman home page atau halaman utama, alangkah baiknya kita ketahui dulu pengertian dari next page.


Next Page adalah sebuah navigasi yang berada dibawah halaman yang berupa angka atau panah untuk memudahkan pengunjung atau pembaca dalam mengunjungi halaman selajutnya ataupun sebelumnya. Berdasarkan pengertian diatas next page ada berbentuk angka dan panah, tapi pada tutorial ini admin hanya akan menjelaskan cara membuat next page yang berbentuk angka. Berikut bentuk navigasi next page yang berbentuk angka.

Cara Membuat Next Page Follower-Technology

Langkah-Langkah Membuat Next Page Angka di Blog:


1. Login ke blogger
2. Masuk ke menu Template lalu Edit HTML
3. Cari kode ini ]]></b:skin> gunakan Ctrl+f untuk mempermudah pencarian
4. Setelah ditemukan, letakan kode berikut diatas ]]></b:skin>
.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;}


5. Jika sudah, sekarang cari kode </body> dan salin kode dibawah ini diatas kode kode</body>.
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://follower-technology.blogspot.com/files/scriptsnext.js' type='text/javascript'/>
6. Terakhir klik Simpan Template