Cara mengganti tulisan Older post dengan angka pada blog

Jika sobat seorang blogger yang suka akan kerapihan dan mementingkan nilai estetika pasti peduli pada setiap tampilan blog sobat termasuk tampilan yang mungkin bisa di bilang sepele dan juga hal yang akan saya bahas nanti yaitu tampilan tulisan older post, tampilan ini akan lebih menarik jika sobat menghiasnya, untuk itu kali ini saya mau berbagi tips untuk mengganti tulisan older post pada blog sobat dengan angak-angka yang salah satu manfaatnya pengunjung blog sobat dapat meloncat dari suguhan artikel di page satu ke page 5. ya sudah kita langsung bahas cara penerapanya jika sobat tertarik ingin mencobanya silahkan ikuti langkah berikut ini :

1. masuk ke akun blogger sobat pilih tab design  → edit HTML

2. jangan lupa centang atau ceklis expand template widget

3. carilah kode ]]></b:skin untuk mempermudah pencarian tekan tombol CTRL+F lalu

   masukan ]]></b:skin  ke kotak pencarian.

4. setelah itu masukan kode script di bawah ini tepat di atas kode ]]></b:skin 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; } 5. setelah itu cari kode </body> kemudian simpan kode script dibawah ini tepat di atas </body> <!--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 -->

6. terakhir tinggal sobat simpan.

silahkan sobat lihat hasilnya dan semoga berhasil. sekian artikel kali ini semoga bermanfaat dan terimakasih atas kunjungannya

Artikel Terkait Lainnya :

Categories: Tips dan trik Blog