Halaman navigasi untuk Blogger

Halaman navigasi untuk Blogger dengan gaya Google menggunakan Script Baru

Bismillah, ..
Google, Yang tidak tahu google!? ..
Sebuah mesin pencari yang paling banyak digunakan oleh pengguna internet ... khususnya pengguna Blogger.
Sebenarnya Abu Farhan telah posting tentang navigasi halaman dengan gaya google ...
"Halaman Navigasi untuk Blogger dengan Google Style"
Namun dalam artikel yang hanya dapat digunakan pada skrip navigasi tua ..
Jadi saya membuat script css untuk gaya google menggunakan skrip navigasi baru ...
Harap perhatikan dengan teliti, css dan javascript skrip berbeda dari skrip saya sebelumnya ... Jadi ikuti petunjuk di bawah ini untuk berjalan dengan baik ...
Berikut ini adalah tampilannya



Demo ini untuk Gaya Google: 

Demo

Google Style:
Gaya google

Langkah 1: Terapkan Style

1. Login ke Dashboard Blogger dan arahkan ke Layout> Edit Html
2. Jangan klik kotak centang yang mengatakan 'Expand Template Widget'
3. Cari ini

]]></ B: skin>

Kemudian masukkan script di depan

]]></ B: skin>

script css. 

Contoh:

<br /> <br /> <pre># Blog-pager, blog-pager {background-color: # FFFFFF; width: 100%, text-align: center;}. td.showpageOf {display: none;} # Nav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 auto;} # Nav a {display: block; text-decoration: none; color: # 0066FF} # Nav a: hover {text-decoration: underline;} # Nav ba, # nav ba: visited {color: # 0000CC; text-decoration: underline; font-weight: bold}.. . Skr {font-weight: bold;} CSB {background: url repeat (http://www.google.com/images/nav_logo7.png) no-0 0; height: 26px; display: block;}. csb.cur {background-position:-44px 0pt; width: 16px;}. . Csb.movenext {color: # 20c; background-position:-76px 0pt; margin-right: 42px; width: 66px;} . Csb.moveprev {color: # 20c; background-position: 0pt 0pt; margin-left: 42px; width: 44px;} csb.ch {background-position:-60px 0pt; width: 16px;}. # Nav td {padding: 0; text-align: center} ]]></ B: skin></pre><h3>

Langkah 2: Javascript ApllyCari ini:

</ Body>

Ganti dengan:

<br /> <pre><code> <script type='text/javascript'>; var home_page ='/'; var urlactivepage = location.href; var postPerPage = 7; var numshowpage = 4; var upPageWord = 'Sebelumnya'; var downPageWord = 'Berikutnya'; </ Script>; <script src='http://accordion-template.googlecode.com/svn/trunk/jsnavigoogle-packer.js' type='text/javascript'> </ script> </ Body>

Berubah berdasarkan pengaturan blog Anda:
var postPerPage = 7;
var numshowpage = 4;
PostPerPage: Berapa banyak Post setiap Halaman untuk blog Anda
numshowpage: Banyak cara nomor akan muncul pada halaman Anda Navigasi

Langkah 3: Customize Label (jika Anda sudah menggunakan saya sebelumnya Halaman

Navi tidak menggunakan langkah ini)

Buka halaman Edit HTML dan "Expand Template Widget"

Cari ini (semua teks ini dalam xml atau template)

'Data: label.url'

dan Ganti dengan ini

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

Ubah 7 berdasarkan berapa banyak posting setiap halaman.