Bismillah ...
Mari saya memperkenalkan diri, nama saya Catur .
Saya staf baru yang akan bekerja dengan Guru Abu.
Senang bertemu kalian ... =)
Mari saya memperkenalkan diri, nama saya Catur .
Saya staf baru yang akan bekerja dengan Guru Abu.
Senang bertemu kalian ... =)
Ini gaya navigasi halaman saya dapatkan dari WebDistortion tetapi dalam blog ini tidak menyediakan navigasi halaman untuk Blogger. Jadi saya harus mengkonversi terlebih dahulu sehingga dapat digunakan di Blogger.
Mungkin dalam gaya pagination yang saya buat tidak persis sama seperti aslinya, tapi aku mencoba yang terbaik untuk membuatnya tampak seperti navigasi halaman di website asli.
Mungkin dalam gaya pagination yang saya buat tidak persis sama seperti aslinya, tapi aku mencoba yang terbaik untuk membuatnya tampak seperti navigasi halaman di website asli.
Ini adalah pandangan orang-orang navigations Halaman
Ini Demo untuk Semua Script CSS 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 {font-family: "Times New Roman", Times, serif; font-weight: normal; font-size: 12px; width: 500px;}.. ShowpageNum sebuah, showpage latar belakang { : transparan url ('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg.png') repeat-x; border: 1px solid # 97a7af; margin: 0px 1px 1px 0; padding: 3px 8px; text-decoration: none; color: # 333; line-height: 14px; kursor: pointer; white-space: nowrap;-webkit-border-radius: 3px;-moz-border-radius: 3px;}. showpageNum a: hover, showpage a: hover {background-image:. url ('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png'); border: 1px solid # e4905a; color: # e4905a; text-decoration:. none;} showpageOf {margin:. 0 0 0 8px;} showpagePoint {background: url transparan ('http://i1133.photobucket.com/albums/m596/abu ) -farhan/gbtn-bg-sel.png 'mengulangi-x; margin: 0 3px 0 3px; padding: 3px 8px; line-height: 14px; kursor: pointer; white-space: nowrap;-webkit-border-radius : 3px;-moz-border-radius: 3px; border: 1px solid # e4905a; color: # 333; text-decoration: none; font-weight: bold;}
]]></ 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://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.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
Dalam posting berikutnya, saya akan memberikan Anda 5 navigasi lainnya style halaman ...
Jika Anda memiliki pertanyaan silakan tinggalkan komentar. terima kasih
Jika Anda memiliki pertanyaan silakan tinggalkan komentar. terima kasih
Alhamdulillah ...
0 ƘǿmєиtąЯ: