Cara Membuat Page Navigasi Blog

Page navigasi adalah kebutuhan untuk semua blogger karena bisa membuat navigasi yang mudah bagi pengunjung Anda. Contoh nya bis anda lihat di bawah ini :

Langkah 1:

1. Login ke Blogger Dashboard dan ke Layout > Edit Html
2. Jangan klik kotak centang yang mengatakan 'Expand Template Widget'
3. Temukan ini di dalam nya

 ]]></b:skin>

gantikan denga kode di bawah ini :

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

]]></b:skin>

Langkah 2: aplly Javascript

Temukan kode ini:

</ body>

Ganti dengan kode berikut ini:

&lt;script type='text/javascript'&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
&lt;/script&gt;
&lt;script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'&gt;&lt;/script&gt;
</body>

Mengubah berdasarkan pengaturan blog Anda:
var postPerPage = 7;
var numshowpage = 4;

PostPerPage: Berapa banyak Posting Halaman setiap untuk blog Anda
numshowpage: Berapa Banyak nomor akan ditampilkan dalam Navigasi Halaman Anda
ok semua nya selesai cara membuat page navigasi untuk blogger, semoga bermanfaat.

Sumber : www.abu-farhan.com

Unknown

Related Posts

Cara Membuat Page Navigasi Blog

4/ 5

Oleh Unknown