cara-membuat-navigasi-homepage-yang-ke-dua

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 =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='https://anduras-shop.googlecode.com/files/page-navigation.js' type='text/javascript'/>
<!--Page Navigation Ends -->

8. Klik Save Template (selesai)

Sekian tutorial ini,smoga berhasil

Judul: cara-membuat-navigasi-homepage-yang-ke-dua; Ditulis oleh Unknown; Rating Blog: 5 dari 5

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blogger Tutorial | SEO | Free Blogger Templates | OOM RIO.com di inbox anda:

Related Posts