Cara Mengganti Older Posts Dengan Angka

Jumat, 27 Juli 2018

Bagikan :

Tweet

Pada umumnya sih, navigasi untuk pindah halaman di blogspot  masih  memakai link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang   dapat berbentuk angka sehingga dapat megampangkan untuk loncat beberapa halaman ke postingan yg usang maupun baru.
Nah kali ini gagaje  akan pertanda bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka .

Ikutin ya step by step.
1. Masuk ke "Edit HTML"
2. Cari arahan ini ]]></b:skin> kalo sudah ketemu letakan script dibawah ini sebelum arahan tersebut

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

3. setelah itu cari arahan ini </body> lalu letakan script dibawah ini sebelum arahan tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&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://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->

Kalau sudah silahkan dilihat hasilnya, praktis bukan..semoga bermanfaa ya sob..

Tag : Tips dan Trik, Tutorial Blogging