Jumat, 11 Mei 2012

Posted by Daniel christian | File under :

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              menambahkannavigasi/ 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..

Read more: http://www.bum1.info/2012/04/cara-membuat-navigasi-paging-halaman.html#ixzz1ucklNYDG

0 komentar:

Posting Komentar