Kamis, 13 Februari 2014

22.47



Mengganti "Older Post" dengan "Angka" - 
pada umum nya , navigasi untuk pindah halaman pada suatu blogger biasanya menggunakan link dengan teks atau "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya sudah berbentuk angka sehingga bisa memudahkan untuk membuka posting lama , beberapa halaman ke postingan yg lama maupun baru.
Nah trik kali ini saya akan memberikan cara untuk mengganti link "Older Posts" dan "Newer Posts" menjadi suatu angka seperti pada blog saya ,sebener nya sekarang juga udah ada beberapa template blogger yang sudah ada seperti saya ini ,dan di sini saya akan memberikan trik nya untuk mengganti "Older Post" menjadi "Angka" .




1. Langkah yang pertama agan lakukan menuju ke desain template agan 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 seperti 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 save dan silahkan dilihat hasilnya ^_^

0 komentar:

Posting Komentar