free counters

Minggu, 17 Maret 2013

Cara Membuat Navigasi Halaman Blog (PC)



Kali ini saya ingin sharing tentang cara membuat navigasi halaman pada blog. Sebenarnya cara ini sudah banyak di ulas oleh para blogger, namun saya rasa tidak ada salahnya kalau saya juga ingin berbagi dengan anda semua. Paling
tidak, bisa menambah referensi anda.

Oke, langsung saja ke pokok  permasalahan. Untuk membuat navigasi halaman ini, anda harus benar-benar mengikuti langkah demi langkah yang saya uraikan , karena kita akan sedikit mengutak-atik HTML Template blog.

 
1. Masuk ke menu Template, kemudian "Edit HTML"
 
2. setelah itu cari kode ]]></b:skin> dengan Ctrl+F, setelah ketemu taruh script dibawah ini diatas kode tersebut.

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}



3. Kemudian cari kode </body> dan taruh script dibawah ini diatas kode tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->



4. Setelah selesai, silahkan "Pratinjau" dulu.. untuk menhindari kesalahan script bro

5. Kalau tidak ada kesalahan "Save"



oke bro...
sekian dari saya bro...
makasih bro atas kunjungannya
semoga bermanfaat dan sukses buat kita semua !!     amiiinn....

Jika ada kesalahan harap dimaklumi dan dikoreksi.
Kurang lebihnya mohon maaf, sekian dan terima kasih banyak sudah berkunjung di blog sederhana saya ini.


Jika ada tambahan tips dari kalian, silahkan share melalui komentar di bawah
makasih

Tidak ada komentar:

Posting Komentar

Silakan tinggalkan komentar anda disini

 

Design By:
Bogorami Store