Cara Buat Daftar isi Blog Sesuai Label

Nah bagi sobat yang ingin membuat daftar isi otomatis sesuai label yang ditentukan oleh Anda sendiri dapat mengikuti panduan dan tutorial berikut ini:

• 
  
•      Buat daftar isi Anda, terserah mau sebagai HTML/Javascript pada widget atau dihalamanposting, kemudian letakan kode javascript berikut ini:
        <script style="text/javascript">

  
  

        var numposts = 50;

        var standardstyling = true;

        </script>

  
  

  
  

        <script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>

  
  

  
  

        <ul>

        <script src="http://BlogName.blogspot.com/feeds/posts/default/-/Nama%20Label?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>

        </ul>
• 
  
• Ubah nilai var numposts sesuai jumlah judul yang ingin ditampilkan.
• Ganti BlogName sesuai nama blog Anda sendiri.
• Ganti Nama Label sesuai nama label atau kategori yang ingin ditampilkan.
• Label yang menggunakan spasi, maka spasi diganti dengan: %20. Misalnya: label Blogger Guide harus ditulis Blogger%20Guide,  dan seterusnya untuk tiap label yang ber spasi. Besar kecil huruf  berpengaruh pada berfungsi atau tidaknya widget atau halaman ini. Karena itu Nama Label harus benar-benar sesuai dengan nama label yang ada dalam blog Anda.
• Untuk bullet and numbering, gunakan perintah <ul> diakhiri </ul> jika Anda ingin daftar isi yang menggunakan bullet dan perintah <ol> diakhiri </ol> untuk numbering.
• Simpan jika dugunakan sebagai widget dan publish jika ditempatkan pada halaman posting kemudian lihat hasilnya.

Untuk menampilkan beberapa content sesuai label yang berbeda dalam daftar isi Anda, silakan ikuti contoh berikut dan tempatkan dihalaman ataw widget daftar isi blog Anda:

<b>Blogger Guide</b>

<script style="text/javascript">

      var numposts = 50;

      var standardstyling = true;

      </script>

      <script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>

      <ol>

      <script src="http://diarykudiblog.blogspot.com/feeds/posts/default/-/Blogger%20Guide?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>

      </ol>

<b>SEO Guide</b>

<script style="text/javascript">

      var numposts = 50;

      var standardstyling = true;

      </script>

      <script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>

      <ol>

      <script src="http://diarykudiblog.blogspot.com/feeds/posts/default/-/SEO?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>

</ol>

<b>Computer</b>

<script style="text/javascript">

      var numposts = 25;

      var standardstyling = true;

      </script>

      <script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>

      <ol>

      <script src="http://diarykudiblog.blogspot.com/feeds/posts/default/-/Computer?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>

</ol> 

<b>Internet</b>

<script style="text/javascript">

      var numposts = 25;

      var standardstyling = true;

      </script>

      <script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>

      <ol>

      <script src="http://diarykudiblog.blogspot.com/feeds/posts/default/-/Internet?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>

</ol>

• Ganti kode-kode: <b>Blogger Guide</b>, <b>SEO Guide</b>, <b>Computer</b>, <b>Internet</b> dengan label sesuai label daftar isi Anda yang ingin ditampilkan.
• Ganti url:  http://diarykudiblog.blogspot.com dan label yang berwarna merah sesuai dengan url dan label blog yang Anda inginkan.

Untuk contohnya lihat Daftar IsiSilahkan KLIK DEMO

Sumber: www.zaenudin.com

Tweet