Membuat Navigasi Halaman Angka (Nomor) di Genesis SEO

ATAS permintaan klien, dibuatlah Cara Membuat Navigasi Halaman Angka (Nomor) di Genesis SEO, sekaligus dipasangkan di blog demo ini.

Berikut ini cara Membuat Navigasi Halaman Angka (Nomor) di Template Genesis SEO:

Langkah Pertama: Template > Edit HTML

1. UBAH

#blog-pager a {width:248px;margin-right:1px}
</style>

menjadi

#blog-pager a {width:246px;margin-right:1px}
</style>

2. Cari kode berikut ini:

#blog-pager {text-align:center;margin: 10px 0;clear:both;overflow: hidden;padding:0 5px;}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager a {color: #444;font-size: 14px;margin-right: 10px;font-weight:400;}
#blog-pager a:hover {color: #48d}

TAMBAHKAN KODE berikut ini di atasnya:

#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;}

3. TAMBAHKAN kode berikut ini di atas kode </body>

</script>
<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'/>

4. Save KPK!

Thanks for reading Membuat Navigasi Halaman Angka (Nomor) di Genesis SEO