Cara membuat Navigasi / Paging halaman blogspot

Written By batikbumi on 14 Apr 2012 | 15.33

cara membuat navigasi halaman blogspot

Bagi yang sering berpetualang di dunia blogspot dan telah mencoba berbagai template blogspot pasti terkadang menjumpai bahwa template yang dipakai ternyata tidak ada feature paging/ navigasi untuk halaman posting nya. Bila anda termasuk salah satu blogger's yang mengalami hal ini dan ingin menambahkan navigasi/ paging halaman pada blogspot anda maka tutorial berikut ini akan membahas bagaimana caranya menambahkan navigasi/ paging halaman pada blogspot.
Caranya adalah:
1. Login ke akun blogger anda
2. Setelah berada di dashboard blogger lalu masuk ke Rancangan/Tata Letak --> Edit Html.
3. Cari Kode berikut :

]]></b:skin>


Kemudian letakkan kode ini diatasnya :


/* ----- Page Navigation styles ----- */
.showpageNum a {
padding: 2px 5px;
margin:0 5px;
text-decoration: none;
border:1px solid #ccc;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #eee;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #ccc;
background: #ddd;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 2px 5px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}

4. Kemudian cari Kode berikut :

</body>
Kemudian letakkan script dibawah ini di atas kode </body> tersebut


<!--Page Navigation Start-->
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://ahmad-rifai-tools.googlecode.com/files/pagenavi.js'
type='text/javascript'/>
<!--Page Navigation End -->

5. Jika langkah-langkah di atas sudah dikerjakan dengan benar lalu simpan dengan cara klik tombol simpan atau save.

Demikian cara untuk menambahkan navigasi / paging halaman di blogspot, jika navigasi halamannya tidak muncul silakan di cek lagi apakah penempatannya sudah benar

Selamat mencoba..


20 komentar:

Anonim mengatakan...

Mantap gan...Dah ane cari-cari yang kaya gini tapi pada gak bisa...Makasih ya gan.

Tissa Conia Motumona mengatakan...

Saya mau nanya, kok saya udah cari-cari tapi enggak ada ya?

batikbumi mengatakan...

setelah masuk ke template editor coba tekan tombol "ctrl+f" lalu ketik script yang dicari, misal "/b:skin".

Anonim mengatakan...

nice gan,,visit back www.blackinfo.tk/>

Handset GSM mengatakan...

keren mas...

J4K mengatakan...

Th4k boz 4 infonya

hervianyah mengatakan...

gan, gue udah coba masukin dan berhasil
tapi waktu gue klik di page number selain 1, ga muncul lagi navigation pagenya.. :/

fajar mengatakan...

akhirnyaa.. yg ini brhsil gan.thanks banget ya :D

Unknown mengatakan...

thanks gan,,,,,,,,,,,,,,
http://burhanaza.blogspot.com/

Anonim mengatakan...

matur nuwun,,,,,

SeriesFans mengatakan...

kalo satu postingan panjang di buat gini bisa gak gan?

hery "Cool"gunawan mengatakan...

di coba yach..doain berhasil

Widodo mengatakan...

mantab sob bisa di simpan dalam buku dearyku nih

Indra Herdiana mengatakan...

mantap nih gan,, berhasil..

Unknown mengatakan...

kok gak muncul ya..
pdahal dah bner nempatinnya d blog dan ng-save nya http://resepkuekeringlebaran.blogspot.com/
apa yg salah ya...

Unknown mengatakan...

thanks gannn.....

Irfan Prastiyanto mengatakan...

Terima kasih mas... Akhirnya bisa...

Blog Desain Grafis

Admin 2 mengatakan...

Ilmunya sangat membantu dan akhirnya saya gunakan di blog saya yang masih dalam tahap rancangan, page navigasinya saya utek2 dan bisa jadi keren...
Blog saya sekarang tamba keren walaupun belum selesai di bangun dan masih minim pengunjung.
Sumber Tips

Unknown mengatakan...

matur tengkiu... berhasil... mudah2an yang bikin artikel ini MASUK SURGA amin....

Unknown mengatakan...

Thanks for all sma xaverius 1 sekolah terbaik di palembang

Posting Komentar