Bismillah, ..
Google , yang tidak tahu google? ..
Sebuah mesin pencari yang paling digunakan oleh pengguna internet ... khususnya pengguna Blogger.
Sebuah mesin pencari yang paling digunakan oleh pengguna internet ... khususnya pengguna Blogger.
Sebenarnya Abu Farhan telah posting tentang navigasi halaman dengan gaya google ..."Navigasi Halaman untuk Blogger dengan Gaya Google" Tapi dalam artikel yang hanya dapat digunakan pada script navigasi yang lama .. Jadi saya membuat script css untuk gaya google menggunakan skrip navigasi baru ...
Silahkan perhatikan dengan cermat, css dan javascript skrip berbeda dari script saya sebelumnya ... Jadi ikuti petunjuk di bawah ini untuk berjalan dengan baik ...
Berikut ini adalah tampilannya
Demo ini untuk Gaya Google:
Google Style:
Langkah 1: Menerapkan Style
- Login ke Dashboard Blogger dan arahkan ke Tata Letak> Edit HTML
- Jangan klik kotak centang yang mengatakan 'Expand Template Widget'
- Menemukan ini
]]></ B: skin>
Salin script css dari file demo.
Kemudian masukkan script di depan
]]></ B: skin>
Contoh:
# Blog-pager, blog-pager {background-color: # FFFFFF; lebar: 100%, text-align: center;}. Td.showpageOf {display: none;} # nav {font-family: Arial, Helvetica, sans -serif; font-size: 12px; margin: 0 auto;} # nav {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 (http://www.google. .com/images/nav_logo7.png) tidak mengulang-0 0; height: 26px; tampilan:. 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>Langkah 2: aplly Javascript
Temukan ini:
</ Body>
Ganti dengan:
<script type='text/javascript'>; var var home_page ='/'; 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;
var postPerPage = 7;
var numshowpage = 4;
PostPerPage: Berapa banyak Pasang Halaman setiap blog Anda
numshowpage: bagaimana Banyak nomor akan ditampilkan dalam halaman Anda Navigasi
numshowpage: bagaimana Banyak nomor akan ditampilkan dalam halaman Anda Navigasi
Langkah 3: Sesuaikan Label (jika Anda sudah menggunakan Navi Halaman sebelumnya tidak menggunakan langkah ini)
Pergi ke halaman Edit HTML dan "Expand Template Widget"
Cari ini (semua teks ini dalam xml atau template)
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
Alhamdulillah ... oleh Catur
0 ƘǿmєиtąЯ: