Banyak blogger menghadapi masalah navigasi halaman blog mereka. Blog seharusnya menunjukkan pos lama dan baru setelah membuka nomor halaman. Hal ini menyebabkan penurunan page view blog. Karena jika blog memiliki banyak halaman maka pengunjung tidak bisa pergi ke pos terakhir dan pos menjadi diabaikan. Seperti kenyataanya navigasi Halaman memungkinkan kita untuk nomor halaman blog (1, 2, 3 ....) seperti yang dimiliki sebuah buku. Ini menggantikan 'lebih baru' dan 'lebih tua' post link dan memberikan pengguna / pengunjung kebebasan untuk pergi jauh ke blog Anda. Jadi mari kita menambahkan hack elegan ini ke blog. Ikuti saya ... Pergi ke Blogger Dashboard> Tata Letak> Edit HTML. Selalu Unduh Template Lengkap untuk Backup.Sekarang cari (ctrl+f) :
]]></b:skin>
Sekarang tambahkan kode berikut diATAS itu.
.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;
}
LANGKAH 2 - Menambahkan JavaSript
mencari
</ body>
Sekarang tambahkan kode berikut diATAS itu.
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>
<script
src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js'
type='text/javascript'></script>
Di sini Anda dapat mengubah Sebelumnya Berikutnya dan Teks.
var postPerPage = 7;
var numshowpage = 4;
PostPerPage: Berapa banyak Posting yang ingin ditampilkan pada satu halaman blog.
Numshowpage: bagaimana Banyak nomor akan menunjukkan Navigasi halaman Anda
misalnya Jika Anda ingin menampilkan 5 posting per halaman maka perubahan var postPerPage = 7; untuk var postPerPage = 5;
LANGKAH 3 - Label Fix (Customization)
mencari
data:label.url'
Dan menggantinya dengan
'Data: label.url + & quot; & amp; max-results = 7 & quot;'
Sekali lagi di sini Anda harus mengubah 7-5 jika Anda ingin menampilkan 5 posting per halaman.
Simpan template dan melihat blog Anda.
Nb: Lakukanlah semua langkah tadi,semoga membantu.
Selamat Mencoba! Jika Anda memiliki pertanyaan atau masalah Anda dapat posting pertanyaan melalui komentar.