Pages

8/4/11

Membuat Navigation Halaman Artikel

Hari ini saya nak berkongsi ilmu yang saya dapat di google. Kepada blogger2 yang baru boleh la cuba tutorial ini. Sangat lah simple dan senang sekali. Sebelum memulakan pastikan anda download dulu template sebelum mencuba tutorial ini. Selamat Mencuba


  1. Cara Memasang di Blog:
  2. Login ke Blogger Dashboard
  3. Pergi ke  Design(Layout) > Edit HTML 
  4. Jangan klik pada  Expand Widget Templates
  5. Cari ]]></b:skin> menggunakan ctrl+F. Copy and Paste coding dibawah diatas ]]></b:skin> tag

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

5. Sekarang cari pula </body>Copy and Paste coding dibawah kat atas </body> tag.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
</b:if>
</b:if>
<!--Page Navigation Ends -->




No comments:

Post a Comment