Tutorial Membuat Nomor Halaman Blog
04/06/2012
0
Ada dua hal yang perlu diperhatikan jika ingin membuat halaman blog yaitu CSS Script dan Java Script.
Kedua kode ini sangat penting dan tidak boleh terpisahkan karena akan mempengaruhi tampilan nomor halaman.
1. CSS Scirpt biasanya terdapat di terdapat pada bagian HTML template blog yang letakya di atas kode
]]></b:skin>
2. Java Script diletakkan di mana saja halaman ingin di munculkan
Copy Paste CSS Script berikut letakkan di :
/* Page Navigation styles */
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #C04019;
-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
background: #fff;
line-height: 7em;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
color:#fff;
border:1px solid #6B6B6B;
background: #6B6B6B;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 1px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
border:1px solid #C04019;
background: #C04019;
text-decoration: none;
}
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #C04019;
-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
background: #fff;
line-height: 7em;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
color:#fff;
border:1px solid #6B6B6B;
background: #6B6B6B;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 1px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius: 5px;border-radius: 5px;
border:1px solid #C04019;
background: #C04019;
text-decoration: none;
}
Copy paste Java Script :
<!--Page Navigation Starts-->
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://kangismet.googlecode.com/files/kangismet-pagenav.js' type='text/javascript'/>
<!--Page Navigation Ends -->
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=4;
var numshowpage=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://kangismet.googlecode.com/files/kangismet-pagenav.js' type='text/javascript'/>
<!--Page Navigation Ends -->
Preview halaman blog :
Selesai.........
| Tweet |
Anda sedang membaca Artikel: Tutorial Membuat Nomor Halaman Blog
Kontributor: doni septu Jika anda suka artikel ini silakan di sebarkan atau cukup like FunPage kami terima kasih Rating Blog: 5 dari 5
Kontributor: doni septu Jika anda suka artikel ini silakan di sebarkan atau cukup like FunPage kami terima kasih Rating Blog: 5 dari 5
Kode HTML:
