tutorial membuat Navigasi Halaman

Pada kesempatan kali ini Tutorial For You share Cara Membuat Daftar Isi Dengan Navigasi Halaman, daftar 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 



3.    Lalu pilih Blank page > HTML



Copy kode dibawah ini dan pastekan ke dalam halaman 

<link href="http://reader-download.googlecode.com/svn/trunk/blogger-toc-with-pagination_facebook-theme.css" media="screen" rel="stylesheet" type="text/css"></link> <script type="text/javascript"> 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"; </script> <script src="https://sites.google.com/site/tutorialseoblogger/file/daftar-isi-with-navigation.js" type="text/javascript"></script>

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