Tutorial-Onlineku.Seperti page navigation yang saya share sebelumnya"yang pertama"perbedaanya dg yang ini adalah pada backgroun vavigasinya atau CSSnya yang berbeda seperti screenshot di bawah ini:
Untuk langkah-langkah membuatnya ikuti step dan penjelasan berikut ini:
1. Login ke blogger
2. Pilih satu blog yang akan dikasih Page navigator.
3. Lalu Dsign/Rancangan dan klik Edit HTML setelah itu
4. Cari kode ]]></b:skin>
5. Paste kode berikut ini tepat di atas kode ]]></b:skin>
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
6. Selanjutnya cari kode </body>
7. Paste kode di bawah ini tepat di atas kode </body>
<!--Page Navigation Starts-->
<script type='text/javascript'>
var pageCount=8;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='https://anduras-shop.googlecode.com/files/page-navigation.js' type='text/javascript'/>
<!--Page Navigation Ends -->
<script type='text/javascript'>
var pageCount=8;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='https://anduras-shop.googlecode.com/files/page-navigation.js' type='text/javascript'/>
<!--Page Navigation Ends -->
8. Klik Save Template (selesai)
Ditulis Oleh : Anonymous
Artikel cara-membuat-navigasi-homepage-yang-ke-dua ini ditulis oleh Anonymous pada hari . Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang cara-membuat-navigasi-homepage-yang-ke-dua dapat Anda sampaikan melalui kotak komentar dibawah ini.
Anda sedang membaca artikel tentang cara-membuat-navigasi-homepage-yang-ke-dua dan anda bisa menemukan artikel cara-membuat-navigasi-homepage-yang-ke-dua ini dengan url http://tutorial-onlineku.blogspot.com/2012/08/cara-membuat-navigasi-homepage-ala.html. Anda boleh menyebarluaskan atau mengcopy artikel cara-membuat-navigasi-homepage-yang-ke-dua ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.Tutorial Onlineku | Tutorial Blogspot | Tutorial Blogger | Tutorial Bagi Fomula
Share :