Page Navigation Ala Google

Ada yang gak tahu Google? itu lo mesin pencari yang sering kita gunakan untuk mencari artikel di internet? Sekarang kita tahu kan? Ada yang tertarik dengan web google yamg simpel? Sekarang sat kita mencari sesuatu di google kita akan menemukan banyak pilhan, nah untuk itulah google memakai page navigation yang biasanya seperti ini

1 2 3 4 5 6 dst

Sebenarnya ini sama dengan tutorial yang pernah di bahas di Menambahkan Nomor Halaman di Bawah Area Postingan sekarang kita berganti gaya dengan tampilan yang ikut-ikutan ala google. Dengan demikian navigasi yang mda ini diharpakan bisa membantu pengunjung blog kita.

Cara Page Navigation Ala Google
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4.Cari kode ]]> kemudian taruh kode berikut ini di atasnya

#nav a,#nav a:visited,.blk a{color:#000}
#nav a{display:block}
#nav .b a,#nav .b a:visited{color:#20c}
#nav .i{color:#a90a08;font-weight:bold}
.csb,.ss{background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png) no-repeat 0 0;height:26px;display:block}
.ss{background-position:0 -88px;position:absolute;left:0;top:0}
.cps{height:18px;overflow:hidden;width:114px}
.mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}
#nav td{padding:0;text-align:center}

5. Cari kode di bawah ini

Terus kita letakkan Kode di bawah ini tepat di bawah kode