Cara Menciptakan Halaman Navigasi Blog Dengan Nomor 7+ Style
liburan
liburan indie
liburan indie lirik
liburan tahun baru
liburan di malang
liburan 2020
liburan akhir tahun
liburan di surabaya
liburan ke jepang
liburan indie chord
liburan ke bali
liburan sekolah 2019
liburan jawa timur
liburan di bandung
liburan di jakarta
liburan ke jogja
liburan ke malaysia
liburan ke thailand
liburan ke singapura
liburan murah
liburan surabaya
liburan anak
liburan adalah
liburan akhir tahun 2019
liburan anak di jakarta
liburan anak sekolah 2020
liburan anak sekolah 2019
liburan anak di malang
liburan anak di bali
liburan anak di bandung
liburan australia
liburan anak jakarta
liburan akhir tahun kemana
liburan akhir tahun murah
liburan akhir pekan
liburan anak sekolah
liburan anti mainstream
liburan anak bandung
liburan asia murah
liburan alam di bandung
liburan bali
liburan bandung
liburan bersama keluarga
liburan bahasa inggris
liburan bangkok
liburan bogor
liburan bali 2019
liburan banyuwangi
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;}
Baca Juga
.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>
<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