Rabu, April 22, 2009

Tips Membuat Page Navigasi dibawah Posting Blog

. Rabu, April 22, 2009

pagenavigasi

Jika anda perhatikan bagian paling bawah blog saya ini setelah kolom posting, anda akan temukan Page Navigation (seperti gambar di atas) yang berfungsi untuk memindah halaman demi halaman secara berurutan tanpa mengklik bagian label atau kategori. Dan pertanyaannya sekarang adalah…

 

Bagaimana cara memasangnya?

 

Informasi pengetahuan tentang cara memasang Page Navigation ini di Blog, kembali saya pelajari dari Blog-nya Mas Bahauddin Amyasi lagi. Oleh sebab itulah, artikel ini bersumber dan disadur dari blog beliau tersebut dan dipostingkan kembali untuk rekan-rekan sekalian di blog tercinta saya ini. Selamat Mempelajari.

 

Ada beberapa pilihan untuk memasangnya. Untuk page navigation yang saya pakai, caranya relatif mudah. Kita hanya memasukkan script tersebut di Elemen Halaman Blog (Add a Page Element), tanpa mengotak atik template blog. Cara kedua, anda bisa menambahkan kode CSS di atas kode ]]></b:skin>. Akan, tetapi, metode kedua ini cukup memakan waktu, karena kita harus mengedit template dan menambahkan kode-kode tertentu. Maka, pada kesempatan ini saya ingin berbagi cara yang pertama saja.

 

Langkah-langkah yang harus ditempuh, antara lain :

 

1. Login ke account Blogger dan tujulah ke Tab Template, pilih Layout atau Elemen Halaman, kemudian klik link "Add a Page Element".

2. Pilih widget HTML/JAVASCRIPT pada windows Page Element tersebut.

3. Download javascript code disini dan tuliskan (copy/paste) javascript tersebut ke dalam  box isian widget HTML/JAVASCRIPT tersebut.

4. Setelah javascript tersebut ditambahkan, pindahkan (drag and drop) widget tersebut kebawah widget utama Blog Post.

PageNavigationMenuWidget

5. Jangan lupa untuk Save Template untuk menyimpan perubahan yang telah dilakukan.

 

Catatan :

Pada code hasil download di atas anda dapat merubah nilai berikut (berwarna merah) sesuai kebutuhan :

  • var pageCount = 5; angka "5" menujukan jumlah posting yang ditampilkan dalam setiap page.

    var displayPageNum = 3; angka "3" menunjukan banyaknya jumlah page yang ditampilkan di blog. Untuk lebih jelasnya silahkan dicoba untuk mengganti nilai-nilai tersebut, sehingga perubahannya bisa diketahui langsung.

     

     

    SELAMAT MENCOBA !!!

  • Artikel Yang Berhubungan



    5 komentar:

    af mengatakan...
    Komentar ini telah dihapus oleh pengarang.
    PeJhes mengatakan...

    thanx so Much ya,, bLogku jadi tambah bagus nie.

    http://gamemakerpejhes.blogspot.com/

    ZanKrou mengatakan...

    Kaq cara misahin area body sama area out wrapper gimana?

    saka sadega mengatakan...

    maksih ya buat tutornyaaaaaaa.....like ur blog



    tanks...




    tolong kita dunk posting in blog kita and....share in.sbg link.....



    http://1lophu.blogspot.com



    makkaisss yahh

    Trafalgar Law mengatakan...

    Terimakasih atas Ilmunya...
    saya bersyukur banget datang di Blog ini....

    semoga rekan-rekan sekalian sukses....
    saya senang bergabung dan membaca blog ini....

    :f :D :) ;;) :x :$ x( :?
    :@ :~ :| :)) :( :s :(( :o
    :)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

    Poskan Komentar

     
    Namablogkamu is proudly powered by Blogger.com | Template by o-om.com