cara membuat navigasi halaman

Oleh Unknown

Minggu, 03 November 2013

Bagikan :

Tweet

Untuk mempermudah visitor para blogger ternyata harus memasang navigasi halaman, atauyang menunjukan ada beberapa halaman dan sedang dihalaman berapa.
bila tertarik maka ikuti langkah langkah sebagai berikut
Membuat navigasi halaman di blog

1. Login ke akun blog sobat.

2. Klik Template >> Edit HTML.

3. Cari kode ]]></b:skin>

4. Letakkan script berikut di bawah tepat di atas kode nomor 3 tadi

.showpageArea {font-family:verdana,arial,Helvetica;color: #000;font-size:11px;margin:10px;}
.showpageArea a {color: #000;text-shadow:0 1px 2px #fff;font-weight: 700;}
.showpageNum a {padding: 3px 8px;margin:0 4px;text-decoration: none;border:1px solid #3d85c6;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(http://2.bp.blogspot.com/-E2OrIZ5JWjg/UWqvESbdpBI/AAAAAAAAF2A/93JGER74oqk/s1600/halaman.jpg) 0 -50px repeat-x;}
.showpageNum a:hover {border:1px solid #aeae0a;
background: #ccc url(http://2.bp.blogspot.com/-E2OrIZ5JWjg/UWqvESbdpBI/AAAAAAAAF2A/93JGER74oqk/s1600/halaman.jpg) 0 -25px repeat-x;}
.showpageOf{margin:0 8px 0 0;}
.showpagePoint {color:#fff;text-shadow:0 1px 2px #333;padding: 3px 8px;margin: 2px;font-weight: 700;
-webkit-border-radius:3px;-moz-bor

5. Cari kode </body> dan letakkan script di bawah tepat di atas kode berikut.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script type='text/javascript'>
    var pageCount=5;
    var displayPageNum=5;
    var upPageWord =&#39;&#171; Sebelumnya&#39;;
    var downPageWord =&#39;Selanjutnya &#187;&#39;;
    </script>
    <script src='http://seowaps.googlecode.com/files/navigasi-nomor-halaman.js' type='text/javascript'/>
    </b:if
    >

6. Simpan template

 semoga bermanfaat

Tag : blog, Tutorial