Cara Membuat Nomor Halaman Di Blog

Mempercantik tampilan halaman depan blog dengan menambahkan navigasi nomor halaman dibagian bawah, atau menggantikan link berenda dan postingan lama dengan navigasi nomor halaman yg disertai jumlah total halaman posting yang sudah ada.

melengkapi blog dengan berbagai navigasi guna mempermudah pencarian setiap artikel yg sudah ditulis pada web blog, dapat meningkatkan pageview, meskipun akan berdampak pada banyaknya scrip diedit html blog kita, sama halnya saat kita membuat readmore otomatis guna memenggal panjangnya kata yg muncul pada halaman depan blog yg jelas-jelas sudah disediakan fasilitas pemenggalan (readmore manual) tanpa harus banyak menambahkan kode lagi, namun itu semua terkadang diabaikan guna mempermudah sehingga kata yg muncul di halaman utama teratur banyaknya kata dan image gambarpun bisa diatur ukurannya, beberapa pakar seo menuliskan kalau google atau apa ya..? duh lupe gue katanya " .... gak suka dengan banyaknya javascript tapi akan memperlambat proses loading blog", tapi kalau buat readmore otomatis tanpa java script sobat bisa baca artikel cara Readmore Otomatis Simple Tanpa Javascript artikel sebelum artikel cara membuat navigasi nomor halaman blog ini saya tulis.

Langkah Pertama

Seperti biasa login kedasbor blogger sobat, kemudiann pilih edit html dan jangan lupa beri tanda centang expand widgetnya,

Nb. Antisipasi sebelum melakukan perubahan kode html sebaiknya backup terlebih dahulu. 

Jika sudah di edit html cari kode ini : </body> gunakan ctrl f untuk cari cepat, jika sudah ketemu kode tersebut kemudian copy kode dibawah ini dan tempatkan diatas kode </body> tadi.

<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://eaction.googlecode.com/files/pagenav.js' type='text/javascript'/>

</b:if>

Langkah Kedua

Masih diposisi edit html blogspot sobat cari kode ]]></b:skin> dan tempatkan kode css dibawah ini diatas 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;} 

Langkah Ketiga

Jika sudah pratinjau terlebih dahulu sebelum menyimpan template jika sudah terpasang dengan benar barulah

Simpan template sobat dan lihat hasil jadinya semoga berhasil membuat nomor halamannya.

By :

Fascal Nurramdhan A