Letak Page Number Di Bawah Blog

Hai reader(s)..

Hari ini aku akan share tutorial letak page number di bawah blog.

Seperti gambar di atas.

Big Thanks to Kak Lyssa Faizureenatas tutorialnya.

Langsung saja yuk, follow me step by step!

 Masuk ke akun blog kamu atau klik disini!
 Dashboard > Template > Edit HTML
 Cari kode di bawah ini dengan gunakan CTRL+F

]]></b:skin>

 Sudah jumpa? Selanjutnya copy kode di bawah ini!

#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }.blog-pager {background: none;}.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-right:5px; color: #222; background-color:#F5A9E1; border: 1px solid #FF00BF;}.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#81DAF5;text-decoration:none;color: #222;}#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#BF00FF;} .showpageOf{display:none!important}#blog-pager .pages{border:none;}

 Paste di atas kode ]]></b:skin> tadi.

note: 

Kode warna merah bisa diganti sesuai yang kamu suka.

Kode HTML warna blog lihat disini!

 Cari kode dibawah ini dengan menggunakan CTRL+F

</body>

 Dah jumpa kan? Then,Copy kode di bawah ini!

<b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><script type='text/javascript'> /*<![CDATA[*/ var perPage=3; var numPages=4; var firstText ='First'; var lastText ='Last'; var prevText ='« Previous'; var nextText ='Next »'; var urlactivepage=location.href; var home_page="/"; /*]]>*/</script> <script src='http://helplogger.googlecode.com/svn/trunk/page-navigation2.js'/></b:if></b:if>

 Paste kode tersebut di atas kode </body> tadi!

note:

Warna orange: Jumlah entry dalam satu page.

Warna hijau: Jumlah number page.

 Save dan lihat hasilnya!

SELAMAT MENCOBA!

---

Terimakasih sudah membaca , Tinggalkan komentarnya juga ya

---