Fungsi dari daftar isi perlabel atau kategori ini adalah untuk memudahkan visitor atau pengunjung blog kita agar dapat dengan cepat menemukan apa yang dicari dalam blog kita. Sobat bisa menaruh daftar isi ini di sidebar maupun dimana saja posisinya seperti yang sobat inginkan. Tampilannya pun menarik dan rapi tidak amburadul, Jadi bisa juga untuk mempercantik blog kita biar terkesan profesional.
Pada artikel sebelumnya yang sudah pernah saya share yaitu cara membuat daftar isi Jquery Accordion di blog, Daftar isi itu akan menampilkan daftar isi keseluruhan posting pada blog dengan sentuhan Jquery Accordion. Jadi tampilanya akan mirip seperti menu drop down, Bedanya yang di tampilkan adalah daftar isi dari semua judul posting pada blog.
Kembali lagi pada pokok bahasan, Daftar isi perlabel ini sudah saya modifikasi, Otomatis menggunakan scroll box. Jadi sobat jangan khawatir, Daftar isi ini tidak akan memakan banyak tempat di template blog sobat. Untuk melihat contohnya seperti apa tampilannya daftar isi perlabel ini, Sobat bisa melihat contoh screenshoot gambarnya di bawah ini.
Gimana? Sobat tertarik untuk membuatnya?
Jika sobat tertarik untuk membuat dan memasangnya di blog sobat, Ikuti saja langkah-langkahnya jangan sampai ada yang terlewatkan.
Cara Memasang Daftar Isi Perlabel di Blog
1. Silahkan sobat >> Masuk/Login pada Blog sobat.
2. Kemudian pada Menu Blogger yang baru, Pilih >> Tata Letak.
3. Langkah selanjutnya sobat pilih dimana kira-kira daftar isi perlabel ini akan sobat letakkan, Caranya sobat klik tab >> Tambahkan Gadget.
4. Lalu sobat pilih >> HTML/JavaScript.
5. Kemudian silahkan sobat masukkan semua kode script dibawah ini:
Saya yakin sobat pasti bisa memasangnya pada blog sobat, Karena caranya sangat mudah. Namun bila sobat mengalami kesulitan, Silahkan bertanya pada form komentar yang telah tersedia. Jangan lupa di Like, Bila sobat sudah berhasil memasangnya di blog sobat.
Berikut contoh Daftar isi berdasarkan label atau kategori yang sudah saya buat:
Cara Membuat Kategori Label Otomatis Dengan Thumbnail Gambar Atau Foto Di Blog Cara Membuat Recent Post Berdasarkan Label Kategori Dengan Thumbnail Gambar Di Bog Cara Membuat Recent Post Thumbnail Gambar Bergerak Slide Di Blog Cara Membuat Kursor Mouse Di Ikuti Teks Atau Tulisan Di Blog Cara Membuat Menu Tab View Tanpa Edit HTML Template Blog Cara Membuat Dan Memasang Screensaver Di Blog Cara Membuat Dan Menambah Dua Kolom Widget Di Bawah Posting Blog Cara Membuat Dan Memasang Daftar Isi Blog Dengan Jquery Accordion Cara Membuat CSS3 Full Animated Show Hidden Content Onmouseover Di Blog Cara Cepat Dan Mudah Mendapatkan Backlink Blog Cara Membuat Dan Memasang Daftar Isi Berdasarkan Label Di Blog Cara Membuat Slider Carousel Otomatis Di Blog Berdasarkan Label (Categori) Cara Membuat Dan Memasang Permalink Di Bawah Postingan Blog Cara Menampilkan Dan Menyembunyikan Widget Tertentu Di Blog Cara Membuat dan Memasang Recent Comment Di Blog Tanpa Edit HTML Cara Membuat Dan Menambah 2 (Dua) Kolom Elemen di Bawah Postingan Blog Cara Membuat Spoiler Di Blog Cara Membuat Foto Slideshow Dan Slider Di Blog Cara Membuat Dan Memasang Scroll Pada Label Kategori Blog Cara Download Via Filesin.com Cara Membuat Postingan Hanya Tampil Judulnya Saja di Halaman Utama Blog Cara Membuat dan Memasang Contact Us di Blog KODE WARNA HTML Cara Membuat dan Memasang Buku Tamu Yang Privasi di Blog Cara Mudah Scan Blog Dari Virus atau Malware Cara Membuat Scroll Bar di Posting Blog Cara Membuat Footer Multi Kolom di Blog Cara Membuat Dan Memasang Auto Scroll Di Blog Cara Membuat Menu Slide Melayang di Pinggir Blog Cara Membuat Menu Drop Down Horisontal Melayang Di Blog Cara Melakukan Ping Blog Dengan Benar dan Dapat Backlink Cara Membuat Dan Memasang Headline News di Blog Cara Membuat Banner Gratis dan Cantik di Blog Cara Membuat Efek Link Seperti Terbakar di Blog Cara Membuat dan Pasang Tombol Share This di Blog Cara membuat Related Post with Thumbnail di bawah Setiap postingan Blog Cara Membuat dan Memasang Background Gambar Di Belakang Posting Blog Cara Pasang Tombol Share Lockerz di Blog Cara Pasang Random Post di blog Cara Pasang Tombol Share AddThis di Blog Cara Buat Link Warna-warni atau Link Rainbow (link pelangi) di Blog Cara Membuat dan Memasang Tombol Sharing is Sexy Di Blog Cara Membuat Animasi Berjalan di Bagian Bawah Blog Cara Membuat Foto dan Gambar Bergerak Slide di Blog Cara Membuat Teks Berjalan dan Berkedip di Blog Cara Membuat dan Memasang Tombol Like Facebook di Blog Cara Mudah Memperbanyak Like Fan Page dan Followers | Cara Cepat Menambah Like dan Followers Cara Mudah Memperbanyak Like dan Followers, Facebook, Twitter, Google+ (plus), My space, Digg dan lain-lain | Cara Cepat Memperbanyak Like Fan Page Facebook Cara Pasang TV Online di Blog - UPDATE Cara Membuat Recent Post Dengan Thumbnail atau Gambar Saja di Blog Cara Membuat Blog AGC atau Blog Posting Otomatis Cara Membuat Dan Memasang Widget Alexa di Blog Cara Membuat dan Memasang Auto Read More di Blog Cara Membuat Menu di Bawah Header Blog Kumpulan Icon-icon keren Cara Membuat Menu Dengan Icon Gambar Di Blog Cara buat Daftar Isi Dengan Label Tertentu atau banyak label | Daftar Isi by label (Category)
http://kuc0pas.blogspot.com/2012/09/cara-membuat-dan-memasang-daftar-isi.html
Pada artikel sebelumnya yang sudah pernah saya share yaitu cara membuat daftar isi Jquery Accordion di blog, Daftar isi itu akan menampilkan daftar isi keseluruhan posting pada blog dengan sentuhan Jquery Accordion. Jadi tampilanya akan mirip seperti menu drop down, Bedanya yang di tampilkan adalah daftar isi dari semua judul posting pada blog.
Kembali lagi pada pokok bahasan, Daftar isi perlabel ini sudah saya modifikasi, Otomatis menggunakan scroll box. Jadi sobat jangan khawatir, Daftar isi ini tidak akan memakan banyak tempat di template blog sobat. Untuk melihat contohnya seperti apa tampilannya daftar isi perlabel ini, Sobat bisa melihat contoh screenshoot gambarnya di bawah ini.
Gimana? Sobat tertarik untuk membuatnya?
Jika sobat tertarik untuk membuat dan memasangnya di blog sobat, Ikuti saja langkah-langkahnya jangan sampai ada yang terlewatkan.
Cara Memasang Daftar Isi Perlabel di Blog
1. Silahkan sobat >> Masuk/Login pada Blog sobat.
2. Kemudian pada Menu Blogger yang baru, Pilih >> Tata Letak.
3. Langkah selanjutnya sobat pilih dimana kira-kira daftar isi perlabel ini akan sobat letakkan, Caranya sobat klik tab >> Tambahkan Gadget.
4. Lalu sobat pilih >> HTML/JavaScript.
5. Kemudian silahkan sobat masukkan semua kode script dibawah ini:
Keterangan:
- Warna pink adalah kode scroll box (kotak scroll). Ukuran lebar akan otomatis sesuai dengan tempat dimana daftar isi ini akan di letakkan.
- height: 200px; adalah ukuran tinggi scroll box (kotak scroll), Silahkan sobat ganti nilainya sesuai dengan keinginan sobat.
- Ganti http://kuc0pas.blogspot.com dengan URL blog sobat.
- Ganti TUTORIAL%20BLOG dengan label sobat yang ingin ditampilkan pada daftar isi. Ingat sobat, Label harus sesuai dengan besar kecil huruf label pada blog sobat.
- Gunakan %20 jika label sobat ada space (spasi) nya.
- max-results=999" adalah banyaknya judul posting dalam daftar isi yang akan di tampilkan, Silahkan sobat ganti nilainya sesuai dengan keinginan sobat.
Saya yakin sobat pasti bisa memasangnya pada blog sobat, Karena caranya sangat mudah. Namun bila sobat mengalami kesulitan, Silahkan bertanya pada form komentar yang telah tersedia. Jangan lupa di Like, Bila sobat sudah berhasil memasangnya di blog sobat.
Berikut contoh Daftar isi berdasarkan label atau kategori yang sudah saya buat:
TUTORIAL BLOG
http://kuc0pas.blogspot.com/2012/09/cara-membuat-dan-memasang-daftar-isi.html
0 komentar:
Posting Komentar