10/21/2012

Cara Membuat Page Number Terbaru Dengan Mudah

                                        Cara Membuat Page Number Terbaru Dengan Mudah
                                             
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 beberapa halaman ke postingan yg lama maupun baru.
Nha 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

Ini Lah Cara Membuat Page Number Terbaru Dengan Mudah
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 dilihat hasilnya.

Begitulah Cara Membuat Page Number Terbaru Dengan Mudah

Berita Sebelumnya
1.Cara Membuat Breadcrumb Biar Terindex Google

Ditulis Oleh : Raden Alie

Artikel Cara Membuat Page Number Terbaru Dengan Mudah ini diposting oleh Raden Alie pada hari 10/21/2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar Facebook Dan Blogger.

Silahkan comentar melalui Facebook

7 komentar:

  • rico ade mandana says:
    21 Oktober 2012 18.31

    ini kalo digunakan pada HTML gak bisa ya bang?
    maksudnya tidak dimasukkan template gitu

  • In'am Achsan says:
    21 Oktober 2012 19.14

    kunjungan perdana sob :) sambil baca2

    visit n koment back y dblogq :)
    achsanarea23.blogspot.com

    klo boleh skalian follow ntar ak follow back

  • Sang Cerpenis bercerita says:
    22 Oktober 2012 11.16

    ok, thanks infonya ya.

  • Ahmad Alqurniawan says:
    22 Oktober 2012 17.48

    sayang sob template gue kaga bisa..kemarin gue udah coba tapi gagal terus..akhirnya gue ganti template yang sekarang !!

  • alie raden says:
    22 Oktober 2012 18.25

    rico @ nda bisa bang ini buat di edit HTML

    In am @ siap meluncur sob

    Sang cerpenis @ ok

    ahmad @ ia sob kadang template juga pengaruh sob bisa atau tidak nya

  • pasnem says:
    22 Oktober 2012 19.09

    ane dah pasang gan..

  • 404 OK! says:
    26 Oktober 2012 19.41

    Mantab sob artikelnya...
    jangan lupa mampir balik yaah...
    http://404ok.blogspot.com/

Posting Komentar