Home » , » Merubah Older Post Pada Blog Menjadi Angka

Merubah Older Post Pada Blog Menjadi Angka



Sempat saya googling di mbah google mencari trick untuk mengubah older post dan home menjadi  urutan angka akhirnya ketemu , Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru) ".

Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat ke beberapa halaman ke postingan yang lama maupun baru.
nah trick kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini

Merubah Older Post Pada Blog Menjadi Angka

1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh 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;
}


3. setelah itu cari kode ini </body> kemudian taruh 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 -->


kalau sudah silahkan di lihat ...semoga berhasil:)
Description: Merubah Older Post Pada Blog Menjadi Angka Rating: 4.5 Reviewer: Unknown - ItemReviewed: Merubah Older Post Pada Blog Menjadi Angka
Share this article :

2 komentar

Uem Cuters 14 November 2012 at 12:20

Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...

Unknown 15 November 2012 at 07:48

semoga sukses gan :C:

Berikan Komentar :)

KET :
1.Jika ingin menyisipkan Gambar <i rel="image">URL Gambar</i>
2.Jika ingin menyisipkan Kode <i rel="pre">Kode Anda</i>
3.jika ingin menyisipkan ,<b>teks tebal</b> <i>teks miring</i>
Note :
Untuk mengetahui balasan dari saya lewat email silahkan klik subcribe by email di bawah ini .Last NO SPAM Live Link
Konversi kode HTMLEmoticonTop Komentator

Back to Top