Cara Menciptakan Halaman Navigasi Blog Dengan Nomor 7+ Style
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;}
.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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
<b:if cond='data:blog.pageType != "static_page"'>
<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.
- 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.
- NumPages : Jumlah halaman yang ditampilkan pada Page Navigation (6).
- 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.
0 Response to "Cara Menciptakan Halaman Navigasi Blog Dengan Nomor 7+ Style"
Post a Comment