Cara Menciptakan Halaman Navigasi Blog Dengan Nomor 7+ Style

Cara Membuat Halaman Navigasi Blog Dengan Nomor 7 Style - Selamat pagi anda Blogger Indonesia. Kali ini admin akan menawarkan tutorial widget yakni bagaimana Cara Membuat Halaman Navigasi blog memakai nomor. Page Navigation yaitu salah satu kerangka penting bagi blog supaya visitor sanggup mengeksplorasi semua artikel blog dengan mudah. Dan bagi anda yang ingin mengubah atau membuat halaman navigasi memakai nomor maka artikel ini sangat sempurna bagi anda.

Page Navigation sangat mempunyai kegunaan juga kepada menguatkan Internal Linking lantaran menghubungkan setiap artikel. Baiklah tanpa basa kedaluwarsa lagi, Berikut tahap-tahap Tutorial Cara Membuat Halaman Navigasi Blog Dengan Nomor.

1. Login ke akun blogger anda menyerupai biasa dan pilih blog yang akan dibentuk halamna navigasi dengan nomornya.

2. Masuk ke menu template lalu ke edit html

3. Cari kode ]]></b:skin> menggunakn fungsi CTRL + F

4. Setelah instruksi diatas anda temukan, copas instruksi dibawah ini sempurna dibawah kode ]]></b:skin> baru saja.

  

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

5. Cari kode </body> lalu copas instruksi berikut dibawah instruksi body gres saja.

<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>

6. Terakhir, save template dan lihat hasilnya!

Nah, itu yaitu satu style pilihan admin yang berwarna putih dengan kombinasi warna biru, apabila anda ingin melihat 6 style atau model gaya Page Navigation yang lain anda lihat artikel How To Add Numbered Page Navigation Widget For Blogger

Setting Pengaturan

Jika anda ingin mengubah pengaturan nya silahkan ikut tutorial dibawah ini.

1. PerPage : Berapa kaya artikel yang akan ditampilkan pada setiap halaman (7). Jika anda ingin mengubah pengaturan ini maka anda juga harus menyesuaikan nya dengan pengaturan Post dibagian Setting Blogger nya supaya sanggup bekerja dengan baik.
2. NumPages : Jumlah halaman yang ditampilkan pada Page Navigation (6).
3. Silahkan ganti First, Last, << Previous Dan Next >> sesuai dengan impian anda.

Baikalah anda semua, Mungkin itu saja yang sanggup admin terangkan tentang  Cara Membuat Halaman Navigasi Blog Dengan Nomor 7 Style, Semoga artikel ini bermanfaat dan mempunyai kegunaan buat anda semua, Apabila ada yang anda kurang paham silahkan bertanya ke admin di kotak komentar, Apabila admin tak sibuk akan pribadi admin balas, Terima Kasih.