بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Cara Membuat Page Navigation - ok kali ini saya akan memposting tentang cara membuat next page
sebelumnya saya menulis tentang Merubah blog no follow menjadi do follow
ok masuk kembali kesini
caranya cukup mudah
1 Login
2 masuk ke edit HTML
3 Centang expand widget
4 cari kode ]]></b:skin>

biar lebih mudah tekan ctrl F

5 setelah dapat ]]></b:skin> 

Taroh kode di bawah ini di ATAS ]]></b:skin>

.showpageArea{padding:10px;background:#fff}


.showpageArea a{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-decoration:none}


.showpageNum a{font-weight:bold;color:#ca1717;padding:1px 8px; margin:0 4px;text-shadow:0px 2px 4px #666;border:1px solid #fff;background:#fff;}


.showpageNum a:hover{color:#fff;background: #ca1717;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ca1717');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ca1717));
background: -moz-linear-gradient(top, #fff, #ca1717);text-shadow:0px 2px 2px #00a;border:1px solid #ddd;}


.showpagePoint{color:#fff; text-shadow:0px 2px 2px #00a; padding:1px 8px; margin:2px; font-weight:bold;border:1px solid #ddd;background: #ca1717;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ca1717');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ca1717));
background: -moz-linear-gradient(top, #fff, #ca1717);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}


.totalpages{margin:0 8px 0 0;color:#444;background:#fff;padding:1px 10px;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}


.showpage a{padding:1px 8px; margin:0 2px;border:1px solid #ddd;background: #ca1717;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ca1717');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ca1717));
background: -moz-linear-gradient(top, #fff, #ca1717);;color:#fff;text-shadow:0px 2px 2px #00a;padding:1px 8px;padding-left:10px}


.showpage a:hover{background: #ca1717;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ca1717');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ca1717));
background: -moz-linear-gradient(top, #fff, #ca1717);color:#fff;text-shadow:0px 2px 2px #00a;padding:1px 8px;padding-left:10px}
#showlastpage a{font-weight:bold}

setelah itu tambah kode di bawah iniDI ATAS </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;&#9668;&#39;;
var downPageWord =&#39;&#9658;&#39;;
</script>
<script src='http://belajarblogging.googlecode.com/files/pagenav.js' type='text/javascript'/>
</b:if>

sebelum di save sebaiknya di pratinjau untuk melihatnya ok deh sekian dulu

 
sumber 

update Cara Membuat related post/artikel terkait

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Terima Kasih sudah membaca artikel tentang Cara Membuat Page Navigation dan rasanya kurang lengkap bila datang ke blog Menyebar Ilmu tanpa meninggalkan jejak sekalipun, maka dari itu tinggalkan komentar di Cara Membuat Page Navigation. ini sangat bermanfaat bagi saya. semoga artikel Cara Membuat Page Navigationbermanfaat bagi yang membacanya.

Dapatkan Artikel terbaru Menyebar Ilmu secara gratis! Untuk itu, masukkan Email anda pada kolom di bawah ini. Setiap artikel yang kami publikasikan, akan langsung kami kirim ke Email anda:

Delivered by FeedBurner