Navigasi Halaman Bernomor Untuk Blogger

Navigasi halaman adalah fitur ditunggu benar-benar mengagumkan dan panjang. Anda mungkin telah melihat nomor navigasi halaman pada blog wordpress banyak (wp-pagenavi oleh Lester Chan). Rias Muhammad dari Techie Blogger telah mengembangkan sistem navigasi untuk halaman blogger.It benar-benar trik yang mengagumkan yang dibuat pada saat tak seorang pun bisa memikirkan pelaksanaan pada blogger.It memiliki beberapa minor bug dan sekarang Abu Farhan telah menyempurnakannya dan dia sekarang telah memberi kita halaman yang sempurna navigasi solution.Here adalah screenshot sedikit apa ini adalah semua tentang.

Bila Anda menggunakan hack ini, Anda akan melihat jenis navigasi di halaman rumah blog Anda dan halaman Label (kebutuhan kustomisasi sedikit).

Pelaksanaan Blogger Page Navigasi

Mereka yang buruk di modifikasi HTML dapat menggunakan installer satu klik saya:)

 

Setelah menginstal widget ini melanjutkan ke label memperbaikinya .

Metode Kompleks. : P

Jika Anda memasang widget Anda tidak harus berada di sini .. Gulir ke bawah ke label memperbaikinya .

1.Login ke Blogger Dashboard dan arahkan ke Tata Letak> Edit HTML

2.Don 't klik kotak centang yang mengatakan' Expand Template Widget '

3.Now menemukan

]] > </ b: skin >

dan menggantinya dengan

ShowpageArea sebuah. {
text-decoration: underline;
}
ShowpageNum sebuah. {
text-decoration: none;
border: 1px solid # cccccc;
margin: 0 3px;
padding: 3px;
}
ShowpageNum sebuah:. Hover {
border: 1px solid # cccccc;
background-color: # cccccc;
}
. ShowpagePoint {
color: # 333;
text-decoration: none;
border: 1px solid # cccccc;
background: # cccccc;
margin: 0 3px;
padding: 3px;
}
. ShowpageOf {
text-decoration: none;
padding: 3px;
margin: 3px 0 0 0;
}
Showpage sebuah. {
text-decoration: none;
border: 1px solid # cccccc;
padding: 3px;
}
Showpage sebuah:. Hover {
text-decoration: none;
}
ShowpageNum suatu: link, showpage sebuah:.. Link {
text-decoration: none;
color: # 333333;
}
]] > </ b: skin >

Ini adalah bagian CSS yang mendefinisikan tampilan dan nuansa halaman navigation.You dapat memodifikasi sesuai dengan kebutuhan Anda

4.Next adalah bagian JavaScript. Cari

</ body >

dan menggantinya dengan

<- Page Navigasi Mulai -!> 
< b: if  cond '! Data: blog.pageType = "item"' = > 
< b: if  cond ! = 'data: blog.pageType = 
 
= 'Sebelumnya';
 var downPageWord
Navigasi Berakhir -> </ body >
  

Seperti yang Anda lihat, ada beberapa parameter disesuaikan dalam kode ini

var pageCount = 5;

Kode ini menentukan jumlah posting yang akan ditampilkan per halaman.

var displayPageNum = 5;

Kode ini menentukan jumlah nomor navigasi halaman tambahan yang akan ditampilkan pada halaman.

var upPageWord = 'Sebelumnya';
 var downPageWord = 'Selanjutnya';

Kedua baris menentukan teks yang akan ditampilkan untuk halaman sebelumnya danhalaman berikutnya masing-masing.

Label Perbaiki

Sekarang kita memiliki standar problem.By, label halaman blogger akan menampilkan 20 posts.We harus memotong ini ke nilai yang kami berikan untuk variabel pageCount (atau posting per halaman) . Untuk ini kita harus mengedit kami Template

Cara Mengedit template untuk memotong pendek posting per halaman?

Pergi ke halaman Edit HTML dan memperluas Template Widget

Sekarang menemukan setiap kejadian

'Data: label.url'

(Termasuk tanda kutip) dan mengganti masing-masing dengan

'Data: label.url + "? & Max-results = 5 "'

Berikut 5 adalah jumlah posting yang akan ditampilkan per halaman.

Sekarang jika Anda menggunakan widget label cloud oleh phydeaux3, kemudian menemukan

a.href = '/ search / label /' + encodeURIComponent (t);

dan menggantinya dengan

a.href = '/ search / label /' + encodeURIComponent ()+'?& t max-results = 5 ';

Di sini juga 5 adalah jumlah posting yang akan ditampilkan per halaman.

Sekarang Anda harus memiliki Navigasi Halaman Blogger bekerja dengan sempurna di blog Anda. :)

Tutorial ini didasarkan pada Kode dari Abu Farhan dan Muhammad Rias. Jadi jika Anda berencana untuk menulis tutorial ini di blog Anda, lakukan link kembali kepada mereka juga.

Related Post:

Posted in: Tips dan Trik