╪ ** Silahkan Berikan Komentar, Komentar Anda Sangat Berarti Bagi Saya **╪ Blog ini terinpirasi dari sang inspirator yang sangat luar biasa ::_Salam ..::EDUCATION FOR ALL::.. **╪

Get this widget!

Cara Membuat Navigasi Halaman di Blog


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 silahkan ikuti langkah langkah nya :


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 kode 
]]></b:skin> 
/* ----- 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>

<!--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 pilih 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.

Semoga Tips dari phuel ini berhasil dan bermanfaat....

Posting Lebih Baru Posting Lama Beranda

2 komentar:

ok selamat mencoba .,., terima kasih atas kunjungannya ,

Gambar Komentar

Terima Kasih Anda Sudah Membaca Artikel Ini, Silahkan Tinggalkan Sebuah Komentar, 1 Komentar Anda Sangatlah Berarti Bagi Saya