Sekarang Anda Membaca :

0

Cara Mengganti " Older Post " Dengan Angka

Haviz Snakepit Monday, July 23, 2012

Ya,pada kesempatan kali ini saya akan memposting tentang Cara Mengganti " Older Post " Dengan Angka.Secara umum,navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Post (posting lama)" dan "Newer Post (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.

Oke,trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini :


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


Dan setelah itu kita telah berhasil Mengganti " Older Post " Dengan Angka.

Nah,sekian dulu semoga bermanfaat . . .
Tinggalkan komentar,jika ada yang ngin ditanyakan . . .

0 comments:

Post a Comment

Tolong jangan lupa tinggalkan komentar disini sob ...
Karena komentar anda sangat penting bagi blog ini ...
Thanks You Very Much ...

 
© Copyright 2013 Haviz Snakepit Blog's