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.
kemudian selanjutnya cari kode yang kedua, yaitu </body> copykan code berikut persis di atas kode </body>.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;
}
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;
}
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</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 <script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
'data:label.url + "?&max-results=5"'
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
terima kasih ya masbro, pas keberulan lagi nyari juga ini script
ReplyDelete@ pagacancang : iya sama2 gan
ReplyDeletealhamdullilah msabro ane nemu cara ini... ampun website ane kurang mangstap kalo ga ada page num nya..!!! makasih masbro atas Tutornya.
ReplyDelete@Ilmu dan Wawasan : Siiip.... :D
ReplyDeletemakasih gan nice share.. ijin nyoba :D
ReplyDelete@ Cecunguk R : silahkan...
ReplyDeletethnks gan infonya,, udh qu coba mantab
ReplyDelete@Ari : iya masbro...
ReplyDeleteThanks Gan infonya Tp Sy nya` ne, Sy kan merubah tamplet, nah page number 123 tu dah ada bawaan tamplet trsbut,
ReplyDeleteCara mengehilangakan atau mengembalikan sprti blog yang biasa gmna ya gan, mnta pnjlsan dong..!!!
silahkan lihat d sni. http://fauzan-bachrie.blogspot.com/
@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.
ReplyDeleteatau 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.
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