Share Next Page Dengan 123 With Source

Sebenarnya cara ini hasilnya mirip dengan apa yang ada di google ya? Lihat saja di google.com untuk menuju ke halaman selanjutnya ada yang bertuliskan 1 2 3 4 5 6 7 8 9 10 Berikutnya ya kan? Tujuan dari membuat Next Page dengan 123 salah satunya untuk memperindah blog. Nah yang ini bisa di praktikan di blog sobat dengan satu syarat, yaitu harus tertib. Ayo simak cara berikut.

- Pertama tama buka blogger.com dengan passcode dan id

- Masuk ke rancangan (design) dan edit html

- Centrang Expand Widget

- Cari kode ]]></b:skin>, kemudian letakan kode berikut diatas kode ]]></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;
}

- Selanjutnya cari kode 'data:label.url' dan ganti menjadi berikut

'data:label.url + &quot;?&amp;max-results=5&quot;'

- Selanjutnya cari kode </body> biasanya paling bawah ada kode itu. Setelah itu letakan kode berikut

<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://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

- Cek kembali dan Save Template. Hasilnya akan seperti gambar dibawah.

Ramdhani Sumantri On Google+