Monday, January 11, 2016

Cara Membuat Navigasi Halaman Blog Menggunakan Nomor


Tips ini akan mengajarkan mengganti teks "Newer Posts" (Posting Terbaru), "Home" (Beranda), dan "Older Posts" (Posting Lama) yang biasa muncul di halalaman depan dan/atau halaman Label / Kategori konten blog dengan cara yang mudah !!


Cara Membuat Navigasi Halaman Blog Menggunakan Angka atau Nomor

1. Masuk CP blog, Pilih Template > Edit HTML



2. Cari (Ctrl+F) kode </body>, ada dibagian Bawah.



3.  Copy kode berikut ini dan paste di atas kode </body> tadi:



<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=7;
    var numPages=6;
    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>


4. Cari (Ctrl+F) kode ]]</b:skin>. Apabila tidak bisa menemukan, Cari (Ctrl+F) kode <b:skin> lihat dan klik tanda titik - titik seperti pada gambar untuk menampilkan / memperluas tampilan kode:




5. Copy kode berikut ini dan paste di atas kode ]]</b:skin> tersebut:


#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}




6. Save Template!

Kini Navigasi Halaman blog Anda berubah jadi nomor, dari yang tadinya Newer, Older, dan Home, menjadi angka seperti tampak di halaman depan blog ini.

Tags :

  • Cara mengganti teks "Newer Posts" (Posting Terbaru), "Home" (Beranda), dan "Older Posts" (Posting Lama) dengan Nomor/Angka.

3 comments: