Membuat Tombol Navigasi Versi Yahoo Satu Jalan

1. Login ke Blogger

2. Design (Rancangan) ---> Edit HTML

3. Cari kode  ]]></b:skin>  (Gunakan ctrl+F di keyboard)

4. Letakkan kode dari dari dalam  Text BOX di Link Ini  tepat diatas kode ]]></b:skin>  tadi.

5. Cari Kode </body> (Gunakan ctrl+F di Keyboard)

6. Letakkan kode script dibawah ini tepat di atas kode </body> tadi

<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=10;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
</script>;
<script src='http://sastrablog.googlecode.com/files/mypagenum3.js' type='text/javascript'/>

7. Save Template

Ubah berdasarkan pengaturan blog Anda:

var postPerPage = 7;

var numshowpage = 4;

PostPerPage: Berapa banyak Post Page setiap blog Anda

numshowpage: Banyaknya nomor yang akan ditampilkan dalam halaman Anda Navigasi

Langkah pembuatan Tombol navigasi sudah selesai, sekarang kita akan mengkostimusasi bagian label, buat tampilannya juga teratur dan rapi, 

Masih di tab Edit HTML

8. cari kode 'data:label.url'  (Gunakan ctrl+F di Keyboard)

9.  Replace semua kode 'data:label.url' dengan kode dibawah ini

'data:label.url + &quot;?&amp;max-results=7&quot;'

Ubah nilai 7 berdasarkan berapa banyak posting yang sobat inginkan di setiap halaman.

10. Save Lagi Template, dan silahkan lihat hasilnya.

Tweet