Cara mengganti Newer Post atau Older Post pada blog dengan Angka

Cara mengganti Newer Post atau Older Post pada blog dengan Angka - Bagi sebagian orang masalah seperti ini emang cukup kurang enak di pandang mata. nah, tapi jangan khawatir saya disini akan memberikan tutorialnya gimana cara mengganti Newer Post atau Older Post dengan dengan Angka. wahh kayanya udah penasaran banget ni, oke langsung saja kita ke TKP nya dan simak baik-baik yaa..

Pertama yang harus kalian lakukan adalah kalian harus udah di posisi Edit HTML lalu arahkan kursor mousenya ke dalam kotak script Edit HTML lalu tekan Control (Ctrl) + F, nah munculkan kolom searchnya di kanan atas kotak Edit HTML.

Oke klau sudah copy kan kode di bawah ini di kotak searchnya lalu Enter :

 <b:includable id='mobile-index-post' var='post'>

Nah stelah ketemu kode <b:includable id='mobile-index-post' var='post'> Copy lalu Pastekan kode di bawah ini tepat di bawah kode yang di atas :

<b:includable id='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'>
var pageNaviConf = {
perPage: 7,
numPages: 5,
firstText: &quot;First&quot;,
lastText: &quot;Last&quot;,
nextText: &quot;&#187;&quot;,
prevText: &quot;&#171;&quot;
}
</script>
<script src='http://awesome-navigation.googlecode.com/files/onlinetrick.js' type='text/javascript'/>
<div class='clear'/>
</div>
</b:includable>

Oke stelah sudah cari lagi kode <b:include name='nextprev'/>
Langkah - langkahnya masih sama seperti yang tadi. dan jika sudah ketemu ganti kode <b:include name='nextprev'/> Dengan kode yang dibawah ini :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<b:include name='page-navi'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include name='nextprev'/>
</b:if>
</b:if>

Dan langkah selanjutnya adalah cari kode ]]></b:skin> Dan Copy lalu Pastekan kode di dibawah ini tepat di atas kode ]]></b:skin> :

#blog-pager a:hover, .pagenavi a:hover {
border-color: #C6C6C6;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fff8f8f8,EndColorStr=#ffeeeeee);
background-image: -moz-linear-gradient(top,#F8F8F8 0,#EEE 100%);
background-image: -ms-linear-gradient(top,#F8F8F8 0,#EEE 100%);
background-image: -o-linear-gradient(top,#F8F8F8 0,#EEE 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#F8F8F8),color-stop(100%,#EEE));
background-image: -webkit-linear-gradient(top,#F8F8F8 0,#EEE 100%);
background-image: linear-gradient(to bottom,#F8F8F8 0,#EEE 100%);
}
#blog-pager-older-link, #blog-pager-newer-link {
     float: none;
}
.pagenavi .current {
border-color: #C6C6C6;
background-color: #E9E9E9;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}
.pagenavi a:active {
border-color: #C6C6C6;
background-color: #E9E9E9;
background-image: none;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .20);
}

Dan yang terakhir kalian Save Template lalu liat hasilnya akan seperti gambar yang di atas.
Semoga Artikel Tutorial Cara mengganti Newer Post atau Older Post pada blog dengan Angka ini bisa membantu dan bermanfaat untuk kalian.
Note : Jika kalian suka sama Artikel Tutorial ini Tolong tinggalkan jejak kalian dengan berkomentar disini.
Terimakasih!

Created By : Unknown - www.nongool.com

Anda sedang membaca artikel tentang Cara mengganti Newer Post atau Older Post pada blog dengan Angka.Jika anda suka artikel ini, anda dapat share artikel ini dengan disertakannya link yang sesuai dengan postingan ini sebagai sumbernya. silahkan copy link dibawah ini:

https://nongool.blogspot.com/2013/10/cara-mengganti-newer-post-atau-older.html
- Hak cipta pemilik -

--- www.nongool.com ---

Description: Cara mengganti Newer Post atau Older Post pada blog dengan Angka
Rating: 4.5