tutorial membuat Navigasi Halaman

Pada kesempatan kali ini Tutorial For You share Cara Membuat Daftar Isi Dengan Navigasi Halamandaftar isi ini sudah dilengkapi dengan navigasi halaman dengan tampilan theme yang menarik.

LIHAT DEMONYA

Untuk memasangnya, mari kita ikuti tutorial berikut ini :

1.    Login ke blogger

2.    Pilih Pages atau halaman > New Page 

Cara Membuat Daftar Isi Blogger Dengan Navigasi Halaman

3.    Lalu pilih Blank page > HTML

Cara Membuat Daftar Isi Blogger Dengan Navigasi Halaman

Copy kode dibawah ini dan pastekan ke dalam halaman 

var showPostDate   = true,     showComments   = true,     idMode         = true,     sortByLabel    = false,     labelSorter    = “JQuery”,     loadingText    = “Loading…”,     totalPostLabel = “Jumlah Artikel:”,     jumpPageLabel  = “Halaman”,     commentsLabel  = “Komentar”,     rmoreText      = “Baca Artikel ►”,     prevText       = “Prev”,     nextText       = “Next”,     siteUrl        = “http://www.tutorial-4u.com”,     postsperpage   = 10,     numchars       = 370,     imgBlank       = “http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg”;

4.    Setelah selesai klik Publish dan lihat hasilnya

Catatan : Ganti URL http://www.tutorial-4u.com dengan alamat blog kamu

Pengaturan

Opsi Nilai Keterangan
showPostDate true Ganti nilainya menjadi false jika Anda tidak ingin menampilkan bulan terbit artikel.
false
showComments true Ganti nilainya menjadi false jika Anda tidak ingin menampilkan jumlah komentar pada artikel.
false
idMode true Jika bernilai true, sistem penaggalan artikel akan menjadi berbahasa Indonesia. Jika bernilai false sistem penanggalan artikel akan berubah menjadi berbahasa Inggris.
false
sortByLabel true Digunakan untuk memfilter artikel/posting. Jika ingin menampilkan posting dengan kategori tertentu saja, pilihlah nilai true. Setelah itu tentukan nama label pada variabel labelSorter.
false
labelSorter “JavaScript”, “Widget”, … (nama label) Tentukan nama label jika opsi sortByLabel bernilai true.
totalPostLabel “Jumlah posting:”, … (teks) Tentukan keterangan jumlah posting (yang di bawah navigasi).
jumpPageLabel “Halaman”, … (teks) Tentukan keterangan lompatan posting (yang di bawah navigasi).
commentsLabel “Komentar”, “Comments”, … (teks) Digunakan untuk menentukan label jumlah komentar (contoh: 10 Komentar).
rmoreText “Baca Selengkapnya”, “Read More”, … (teks) Digunakan untuk menentukan label link menuju posting asli.
prevText “Sebelumnya”, “Previous”, … (teks) Digunakan untuk menentukan label navigasi mundur.
nextText “Berikutnya”, “Next”, … (teks) Digunakan untuk menentukan label navigasi maju.
siteUrl (URL Blog) Ganti URL ini dengan URL blog Anda.
postsperpage 10, 30, … (numerik) Digunakan untuk menentukan jumlah posting yang tampil pada satu halaman.
numchars 100, 200, … (numerik) Digunakan untuk menentukan jumlah karakter ringkasan posting.
imgBlank no-image.jpg (URL Gambar) Gambar cadangan jika posting yang tampil tidak memiliki gambar.

Untuk mengganti Theme silahkan pilih di sini

Selesai sudah tutorial Cara Membuat Daftar Isi Blogger Dengan Navigasi Halaman, 
selamat mencoba, semoga bermanfaat

Read more: Cara Membuat Daftar Isi Blogger Dengan Navigasi Halaman | Tutorial For You http://www.tutorial-4u.com/2012/08/daftar-isi-blogger-dengan-navigasi.html#ixzz2KvNzrX6t
Under Creative Commons License: Attribution Share Alike
Follow us: @tutorialforyou2 on Twitter | tutorialforu on Facebook

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s