Cara Membuat Page Nava Bernombor Di Blogger

Assalamu alaikum, Kali ini saya akan kongsikan Cara Membuat Page Nava Bernombor Di Blogger terbaru.Page Nava bernombor ini sangat senang digunakan berbanding pagenava asal blogger.

Baikla kita teruskan Sahaja ke tutoriaalnay .

Login ke blogger anda, Tab theme > html editor dan cari code </body> lalu pasangkan code berikut tepat di atas code </body>.

<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=10;var numshowpage=2;var upPageWord ='Prev';var downPageWord ='Next';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script src='https://rawcdn.githack.com/onet4u/o4u/975764c66/unlipage.js' type='text/javascript'></script>

Selanjutnya, Masi di HTML Editor, Pasangkan code css berikut di dalam css blog anda

/* Page Navigation */
#blog-pager-newer-link,#blog-pager-older-link{font-size:24px}#blog-pager-newer-link{float:left;margin-left:5px}#blog-pager-older-link{float:right;margin-right:5px}#blog-pager .home-link{display:none}#blog-pager{clear:both;width:100%;padding:10px 0;line-height:normal;position:relative;display:inline-block;text-align:left;overflow:visible;margin:0 auto}.showpage a,.showpageNum a,.showpagePoint,.showpageOf{position:relative;background:#fff;display:inline-block;font-size:13px;color:#4285f4;padding:6px 12px;min-width:32px;text-align:center;border:1px solid #4285f4;border-right:0;font-weight:600;transition:initial}#blog-pager .showpageNum:last-child a{border-right:1px solid #4285f4}.showpage a:hover,.showpageNum a:hover,.showpagePoint:hover,.showpagePoint{background:#4285f4;color:#fff;border-color:#4285f4;position:relative}.showpageOf{display:none}

Setelah selesai silakan simpan template anda, Dan lihat hasilnya. Bagai mana? senang bukan. BAikla sampai di sini sahaja posting saya tentang cara membuat page nava bernombor di blogger, Wasalam dari saya