Cara Membuat Halaman Navigasi Menggunakan Nomor

Menampilkan nomor pada halaman navigasi susah susah gampang, atau gapang gampang susah, kenapa demikian ? susah buat orang yang tidak mengerti Tag HTML, dan sangat mudah yang telah menguasai Tekhik Dasar pemograman HTML.

Sebelum template blog saya menggunkan navigasi nomor, dulu nya menggunakan navigasi Newer Post - Home - Older Post, tetapi setelah saya mengerti navigasi seperti itu sangat merepotkan pengunjung yang khusus mengunjungi Beranda blog saya, maka saya menggunakan Help Blogger dan di dapatlah coding untuk menggunakan navigasi halaman, seperti yang saya gunakan sekarang.

Cara nya seperti tadi itu, gampang-gampang susah, tapi jika anda ingin mencoba nya tidak salah jika anda mempraktekkannya di template anda, anda bisa mengunjungi Help Blogger atau langsung menggunakan coding yang telah saya sediakan, ini sama saja, karena saya juga mengambil coding ini dari help blogger.

Jika anda ingin mempraktekkannya, saya sarankan untuk membackup dulu template anda saat ini, jika terjadi error maka bisa dikembalikan atau di restore kembali.

Berikut Cara Membuat Navigasi Halaman Blog Pake Angka/Nomor
  • Template --> Edit HTML
  • Cari kode </body>, lebih cepat dengan menggunakan (CTRL +F).
  • Kemudian copy kode di bawah ini, dan paste di atas </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>
  • Belum selesai sampai disana, masih di Edit HTML
  • Kemudian anda Cari kode  ]]</b:skin> Seperti tadi lebih cepat dengan (CTRL+F)
  • Kemudian anda copy kode di bawah ini tepat diatas ]]</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;}
  • Save Template template anda
Dan sekarang Navigasi halaman anda telah menggunakan format nomor, sesuaikan warna navigasi tersebut dengan template anda, cara mengganti warna nya anda tinggal ganti kode yang di cetak tebal diatas dengan kode warna template anda.

Simple dan sangat mudah, semoga menjadi jalan keluar bagi anda yang membutuhkannya.
Terima Kasih,
Tags :

Related : Cara Membuat Halaman Navigasi Menggunakan Nomor

0 Response to "Cara Membuat Halaman Navigasi Menggunakan Nomor"

Post a Comment

PERHATIAN !!!

Terima Kasih Telah Berkunjung.
Saya sangat senang dengan pengunjung saya yang memberikan komentar setiap kali selesai membaca artikel saya, itu adalah cara untuk memberitahu saya bahwa dia telah membaca artikel saya, dan membuat saya dengan senang hati akan mengunjungi blog pengunjung tersebut (jika pengunjung mempunyai blog)

- Berkomentar Dengan Baik Dan Sopan
- No Link Aktif
- Boleh Rekomendasi
- Suka ? Bagikan !