Tuesday, June 26, 2012

Cara membuat navigasi halaman


Untuk postingan pertama blog ini, tutor blogger akan memberikan cara membuat navigasi halaman. Apa manfaat navigasi halaman? Navigasi halaman bisa sangat berguna untuk para blogger yang ingin artikel yang mereka tulis dibaca oleh pengunjung secara berurutan, jadi dengan kata lain biar pengunjung betah membaca artikel yang blogger tulis. Untuk memasang navigasi halaman silahkan baca dibawah ini.

Silahkan masuk ke akun blogger kalian
Pilih Design > Page Elements > Edit HTML
Centang Expand Widget Templates
Lalu cari kode dibawah ini

]]></b:skin>

Ganti dengan code dibawah 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>

Lalu cari lagi code berikut ini

</body>

Lalu ganti lagi dengan code 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>

Untuk menambah post setiap halaman silahkan rubah

var postperpage=7;

Untuk merubah post yang muncul setiap postingan silahkan rubah

var numshowpage=4;

Dan silahkan save templates dan lihat hasilnya

Sumber : Abu Farham

2 comments:

Post a Comment