Kamis, 24 April 2014

Cara Mengubah "Older Post" menjadi "Angka"

,
Bagi teman-teman blogger yang menggunakan templet blog standar, tentunya sering melihat bahwa setiap datang ke halaman utama dan jumlah posting sudah melebihi yang ditampilkan di halaman utama maka akan melihat tulisan "Older post" di bagian bawah. terkadang kita merasa jengkel dengan display yang seperti itu, karena terkadang juga kita ingin tampilan blog kita lebih modified. Nah, untuk menjawab masalah tersebut, maka disini saya akan sedikit membagi informasi mengubah tulisan "Older post" tersebut menjadi urutan angka, seperti gambar dibawah ini:
Baiklah, agar menghemat waktu, kita langsung menuju TKP!!

1. Masuk ke Dasbor blog sobat.
2. Kemudian pilih Menu Templet > Edit templet. (Biasakan untuk cadangkan templet).
3. Setelah itu cari kode ]]></b:skin> (jika ingin mudah, pakai fasilitas search, dengan menekan tombol CTRL + F). Setelah ketemu, copy-paste script dibawah ini sebelum kode 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;
}


4. Kemudian cari kode </body>. Jika sudah ketemu, copy-paste script dibawah ini sebelum kode 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 -->

5. Save/simpan templet. Selesai.

Silakan dilihat hasilnya.

Semoga bermanfaat.

0 komentar to “Cara Mengubah "Older Post" menjadi "Angka"”

Posting Komentar