Cara Mengganti Older Posts dengan Angka
Pada post sebelumnya Teknowrap telah menulis mengenai cara mengatasi blog yang tidak bisa di copy paste. Memang post tersebut tidak hanya dapat digunakan pada Blogger.Tetapi, masih terkait dengan itu, kini Teknowrap akan menulis mengenai cara mengganti older posts dengan angka pada Blogger atau Blogspot.
Sebagaimana yang kita ketahui bahwa navigasi pada Blogger untuk melihat post sebelumnya adalah dengan menggunakan link dengan teks Older Posts. Padahal akan lebih mudah jika kita dapat menggunakan paging seperti halaman pencarian Google.
Ya, tanpa berpanjang kata lagi, selamat menyimak cara mengganti older posts dengan angka.
Cara Mengganti Older Posts dengan Angka
Pertama, Anda harus masuk ke dalam akun Blogger terlebih dahulu. Setelah itu masuklah ke bagian Design tempate dan klik Edit HTML.Anda harus mencari kode dibawah ini, jika kesulitan Anda dapat menggunakan fitur Find pada browser dengan menekan Ctrl+F
]]></b:skin>
Kemudian, sebelum kode tersebut isikan kode sebagai berikut:
.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;
}
Di dalam kode CSS di atas, Anda dapat melakukan kustomisasi sendiri sesuai dengan keinginan Anda. Perubahan yang dapat dengan mudah Anda lakukan misalnya adalah dengan mengganti warna seperti #333333 menjadi warna lain yang Anda inginkan.
Tidak berhenti sampai di situ, sekarang carilah tag </body> Kemudian isikan script berikut ini sebelum tag tersebut
<!--Page Navigation Starts--> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> </b:if> </b:if> <!--Page Navigation Ends -->
Oke, silakan di Simpan dan cek hasilnya.
Sekian tutorial cara mengganti older posts dengan angka. Semoga bermanfaat.
0 comments:
Post a Comment