Tips Cara Membuat Navigasi Halaman Pada Blog

Posted by Iqbal IDesainer

 http://kategory.files.wordpress.com/2010/09/page-navigation.jpg

Untuk mempermudah pembaca blog kita, maka kita perlu memasang navigasi halaman yang berisi angka pada blog kita.


Berikut adalah caranya:



Pertama

Masuk ke Blogger dasboard > klik template > klik Edit html

Kedua

Cari kode ]]></b:skin>
Letakkan script css berikut ini tepat di atas kode ]]></b:skin>

.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;
}  


Ketiga


Cari kode </body>, kemudian  letakan script di bawah ini tepat di atas kode </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Sebelumnya&#39;;
var downPageWord =&#39;Berikutnya&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>  
Anda bisa merubah angka yang berwarna hijau sesuai selera anda
Terakhir;

Save Template lalu lihat blog anda, hasilnya seperti pada navigasi halaman pada blog ini


Sumber: http://www.emiertips.info/2012/01/tips-cara-membuat-navigasi-halaman-pada.html

Poskan Komentar

Cari Artikel di Label Blog Ini

Anime (8) Anti Virus (30) Ayo Dance (12) Browser (25) Food (7) Games (56) Hacker (14) Knowledge (487) Media Player (18) Misteri (82) Ninja Saga (41) Other (127) Pendidikan (127) Point Blank (335) Serba 7 (59) Sofware (161) Tips (179) Tips Blog (44) Tips Komputer (26)