Senin, 15 Juli 2013


Hmm cape juga nih abis nulis beberapa artikel baik tutorial dan lain semacamnya, tapi demi memberikan pengetahuan yang banyak kepada sobat agar bisa belajar dan mengajar kepada yang lain. Jadi, Share-Tuts akan terus bersemangat dalam memajukan blog dan terus memberikan pengetahuan kepada sobat semua.

Kali ini Share-Tuts akan membuat artikel tutorial tentang Cara Buat Widget Page Navigation Cantik untuk Blogger. Sobat tau ngga apa itu Page Navigation, pasti tau dong yah para sobat blogger dengan yang namanya Page Navigation. Berikut cara atau langkah - langkah membuatnya.

1. Login ke Blogger
2. Pilih Rancangan atau Template (dalam halaman blogger yang baru)
3. Pilih Edit HTML
4. Cari kode yang seperti 'data:label.url' dengan cara tekan CTRL+F atau tekan F3 pada keyboard. Setelah dapat ubahlah kode tadi dengan kode dibawah ini :
'data:label.url + "?&max-results=6"'
NB : ubahlah kode yang berwarna merah jika sobat ingin menampilkan postingan sebanyak yang sobat mau.
5. Setelah kode tadi dimasukkan dan dirubah cari lagi kode </body> setelah dapat masukkan kode dibawah ini diatas kode </body> :
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
NB : var pageCount artinya untuk memberikan seberapa banyak hitungan halaman yang dimasukkan. sedang kan var displayPageNum artinya seberapa banyak jumlah navigasi yang ingin sobat tampilkan.

Kalau sobat merasa Page Navigasinya biasa aja sobat bisa mengubahnya dengan lebih bagus seperti dibawah ini :


Navigasi Halaman Blogger Cantik – Lite Gray
stylish blogger pagenavi - Lite Gray
Navigasi Halaman Blogger Cantik – Black Mamba
stylish blogger pagenavi - Black Mamba
Navigasi Halaman Blogger Cantik – Dark Blue
stylish blogger pagenavi - Dark Blue
Navigasi Halaman Blogger Cantik – Sweet Orange
stylish blogger pagenavi - Sweet Orange
Navigasi Halaman Blogger Cantik – Shadowed Green Ruby
stylish blogger pagenavi - Green Ruby

Setelah didownload kode tadi lalu masukkan kode yang didownload keatas Download Code </body> seperti tadi kita masukkan sebelumnya. Gimana sobat tertarik membuat Page Navigation seperti ini.
Posted by dan ipul climber On 11.02 No comments

0 komentar:

Posting Komentar

Daftar Isi Per-Label

Free Music Online
Free Music Online

free music at divine-music.info
  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube

Blog Archive

Free INDONESIA Cursors at www.totallyfreecursors.com

    Blogger news

    ANAK DUNIA

    Blogger templates

    Blogroll

    Flag Counter