Home » » Membuat Page Number 123/ Halaman pada Blogspot

Membuat Page Number 123/ Halaman pada Blogspot

Jika ingin tampilan blog lebih menarik dan simple, kita bisa menambahkan page number / halaman 123 pada blog yang kita inginkan. hal ini tentunya sangat membantu jika artikel blog sobat banyak sekali sehingga harus mengatur page numbernya sehingga terkesan rapi. Untuk menyisipkan halaman 123 atau page number dalam blogspot ikuti langkah seperti ini.
Langkah Pertama : seperti biasa masuk ke account blogger sobat, kemudian klik Tab Design >> Edit HTML beri tanda centang pada pilihan Expand Widget Template.

langkah Kedua : cari kode ]]></b:skin> dengan menekan CTRL+F pada web browser ]]></b:skin> kemudian copykan script di bawah ini, tepat di atas script yang kita cari tadi.

.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;
}
kemudian selanjutnya cari kode yang kedua, yaitu </body> copykan code berikut persis di atas kode </body>
<b:if cond='data:blog.pageType != &quot;item&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://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
dan yang terakhir cari code 'data:label.url' ganti dengan
'data:label.url + &quot;?&amp;max-results=5&quot;'
Kode pageCount di atas menunjukkan jumlah tulisan/posting/artikel yang akan ditampilkan dalam satu halaman, sedangkan displayPageNum menunjukkan jumlah nomor halaman yang ditampilkan (jika diisi dengan angka 7 berarti nomor halaman yang muncul ada 8, ditambah satu untuk halaman satu). upPageWord mengarahkan kita ke halaman yang lebih baru (tulisan Previous bisa diganti sesuai dengan keinginan), dan downPageWord mengarahkan ke halaman yang lebih lama
Judul : Membuat Page Number 123/ Halaman pada Blogspot
Rating : 100% based on 79599 ratings. 297 user reviews.
Ditulis Oleh hasan aji
Thanks atas kunjungan Sobat beserta kesediaannya untuk membaca artikel ini. Jika ada yang kurang paham dapat ditanyakan melalui kotak komentar dibawah ini namun di larang berkomentar yg mengandung SARA.

11 komentar:

  1. terima kasih ya masbro, pas keberulan lagi nyari juga ini script

    ReplyDelete
  2. alhamdullilah msabro ane nemu cara ini... ampun website ane kurang mangstap kalo ga ada page num nya..!!! makasih masbro atas Tutornya.

    ReplyDelete
  3. makasih gan nice share.. ijin nyoba :D

    ReplyDelete
  4. thnks gan infonya,, udh qu coba mantab

    ReplyDelete
  5. Thanks Gan infonya Tp Sy nya` ne, Sy kan merubah tamplet, nah page number 123 tu dah ada bawaan tamplet trsbut,
    Cara mengehilangakan atau mengembalikan sprti blog yang biasa gmna ya gan, mnta pnjlsan dong..!!!

    silahkan lihat d sni. http://fauzan-bachrie.blogspot.com/

    ReplyDelete
  6. @Fauzan : meskipun agak telat njawabnya sy akan mncoba menjawabnya, utk menghilangkan pagenumber bawaan template anda cari yg mirip2 kode di atas pd bagian Edit HTML nya.
    atau kalau Anda ndak mau repot2, tinggal aja di ganti dgn template yg baru (bisa dari bloggspotnya langsung, atau ndownload dr tempat laen) untuk cara mengubahnya sama seperti anda mengubah templatenya tadi.

    ReplyDelete
  7. Kenapa code 'data:label.url' tersebut ada 3 buah pada HTML milik saya... apakah harus diganti semua code tersebut, atau hanya code pertama saja

    ReplyDelete

Popular Posts