Home » , , » Cara Membuat Daftar Isi Blog Berdasarkan Label

Cara Membuat Daftar Isi Blog Berdasarkan Label

Written By Ku Copas on Saturday, 1 September 2012 | 9/01/2012 01:17:00 pm

KUCOPAS - Cara Membuat Daftar Isi Blog Berdasarkan Label. Daftar isi diblog merupakan suatu element penting yang harus ada pada blog, Namun daftar isi yang akan kita buat kali ini berdasarkan label atau kategori. Jadi daftar isi ini hanya akan menampilkan daftar isi dari label atau kategori tertentu saja.

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 pada sidebar blog maupun dimana saja posisinya seperti yang sobat inginkan. Tampilannya pun menarik dan rapi tidak amburadul, jadi bisa juga untuk mempercantik blog sobat biar terkesan profesional.

Kembali lagi pada pokok bahasan, Daftar isi perlabel ini sudah saya modifikasi dan akan otomatis menggunakan scroll box. Jadi sobat jangan khawatir, karena Daftar isi ini tidak akan memakan banyak tempat pada template blog sobat. Untuk melihat contohnya seperti apa tampilannya daftar isi perlabel ini, sobat bisa melihat contoh gambar screenshot di bawah ini.

Cara Membuat Dan Memasang Daftar Isi Berdasarkan Label Di Blog

Jika sobat tertarik untuk membuat dan memasangnya di blog sobat, ikuti saja langkah-langkahnya jangan sampai ada yang terlewatkan.

Cara Membuat Dan Memasang Daftar Isi Berdasarkan Label Di Blog

1. Silahkan sobat >> Masuk/Login ke Blogger.com menggunkan akun sobat.
2. Pada Dasbor, pilih Menu >> Tata Letak.
3. Langkah selanjutnya sobat pilih dimana kira-kira daftar isi perlabel ini akan sobat letakkan, caranya sobat klik >> Tambahkan Gadget Atau Add Gadget.
4. Lalu sobat pilih >> HTML/JavaScript.
5. Kemudian sobat masukkan semua kode script dibawah ini.
<div style="border: 1px solid #000000; height: 200px; overflow: auto; padding: 5px; width: auto;">
<ul><script>
var numposts = 100;
var standardstyling = true;
</script> </ul>
<script src="http://kucopas-js.googlecode.com/files/label-post.js" type="text/javascript"></script>
<ul><script src="http://kuc0pas.blogspot.com/feeds/posts/default/-/TUTORIAL%20BLOG?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ul>
</div>
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 (spasinya).
  • max-results=999" adalah banyaknya judul posting dalam daftar isi yang akan di tampilkan, silahkan sobat ganti nilainya sesuai dengan keinginan sobat.
6. Langkah yang terakhir, silahkan sobat klik >> Simpan, selesai dan lihat hasilnya.

Saya yakin sobat pasti bisa memasangnya pada blog sobat, karena caranya sangat mudah. Namun bila sobat mengalami kesulitan, silahkan bertanya dalam form komentar yang telah tersedia. Jangan lupa di Like atau Follow blog ini, bila sobat sudah berhasil memasangnya di blog sobat.

Berikut contoh Daftar isi berdasarkan label atau kategori yang sudah saya buat.


TUTORIAL BLOG



Semoga artikel ringan tentang Cara Membuat Dan Memasang Daftar Isi Berdasarkan Label Di Blog ini, bisa sangat bermanfaat untuk sobat KUCOPAS semua. Happy Blogging...

Artikel Terkait:

thumbnail Title: Cara Membuat Daftar Isi Blog Berdasarkan Label
Posted by:Ku Copas
Published :2012-09-01T13:17:00+07:00
Rating: 5
Reviewer: 737 Reviews
Cara Membuat Daftar Isi Blog Berdasarkan Label
Comments
8 Comments

8 comments:

  1. Klo buat kotak komenta blog, twitter dan facebook, gmana Sob?

    Komen ya di blog Ane : http://belajar-database.blogspot.com/

    ReplyDelete
    Replies
    1. Cari saja di search engine google sudah banyak yang membuat tutorialnya sob.
      Mungkin lain waktu tak buatin tutornya di blog ini...

      Delete
  2. pertama makasih banyak yang kedua sukses selalu buat anda, salam kenal boss dari saya " Andy " http://www.wahyu-internet.blogspot.com

    ReplyDelete
  3. gimana caranya naruh label di samping arsip blog . . ? ?
    mohon pencerahannya . .

    thx before . .

    ReplyDelete
    Replies
    1. Lihat artikel yang ini sob...
      http://kuc0pas.blogspot.com/2013/02/cara-membuat-menu-tab-multi-widget-di-blog.html
      kemudian buat dan tambah gadget label dan arsip diblog kamu.

      Delete
  4. bang kalo buat link di dalam daftar isi itu berwarna gimana bang ....??? aku sudah follow blog ini , follow back yah bang ...

    ReplyDelete
    Replies
    1. Lihat Tutorial yang ini sob...
      http://kuc0pas.blogspot.com/2012/03/cara-membuat-link-warna-warni-pelangi-rainbow-di-blog.html

      Delete
  5. Salam Sobat Ku @Kukopas artikel yang menarik sob..dan pemberitahuan link di kotak komentar artikael ini sangat memberitau buat saya yang sedang mencari artikel keen punya sobat ini
    salam sukses yah Sob..? o,yah Blog sobat @Kukopas sudah saya follow di tunggu follow back nya trima kasih.
    Karrysta - http://karristaent.blogspot.com

    ReplyDelete

 
Support : Google | Yahoo | Bing
Copyright © 2011-2013. KUCOPAS - All Rights Reserved
Sitemap | About Me | Contact Us | Privacy Policy
Proudly powered by Blogger