Buat Navigasi Halaman di Blog

Yang jelas Artikel ini sudah banyak sekali di publikasikan di berbagai Blog, tapi tidak ada salahnya jika saya mempublikasikan kembali sebagai koleksi tutorial diBlog saya dan juga sebagai bahan belajar, atau yang kebetulan sedang mampir dan pas lagi membutuhkan tutorial ini. Dan langkah-langkahnya sebagai berikut di bawah ini:


1. Login ke Account Blog anda

2. Pilih menu ‘Tata Letak' atau ‘Layout’ dan masuklah kedalam menu ‘Edit HTML’

3. Pada kotak 'Expand TemplateWidget' dibiarkan saja.

3. Cari kode yang seperti ini : ]]></b:skin>

Kemudian Copy kode di bawah ini dan Pastekan persis di atas kode tersebut di atas:



.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;
}

4. Berikutnya anda cari yang ini : </ body>
Copy kode di bawah ini kemudian Pastekan persis di atas kode tersebut di atas:


<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&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://h1.ripway.com/iyang111/asc.txt' type='text/javascript'/>
</b:if>
<!--Page Navigation Ends-->

  5. Simpan Template dan Selesai.

@ - Selamat Mencoba.