Daftar Isi Blog Otomatis Sesuai Label Yang Dipilih

Selamat datang sahabat Skoci, smoga anda dalam keadaan sehat slalu, bahagia dan sejahtera, banyak rejeki, tak kurang suatu apapun serta senantiasa dalam lindungan Yang Maha Kuasa. Amin... 

Untuk mempermudah pencarian artikel rupanya diperlukan sebuah daftar isi. Fungsinya tak jauh dengan sebuah buku. Untuk melihat halaman yang dituju dengan cepat, daftar inilah yang biasa dilihat oleh pembaca. 

Sekedar untuk berbagi pengalaman, pada kesempatan kali ini saya mau share cara membuat daftar isi blog otomatis berdasarkan Label yang dipilih. Daftar isi ini bisa ditempatkan baik sebagai HTML/Javascript pada widget atau di halaman posting. Selanjutnya silahkan bagi yang ingin memasangnya, copy paste 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 Tutorial Blogger maka penulisannya menjadi Tutorial%20Blogger  dan seterusnya untuk tiap label yang berspasi. 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 ingi daftar isi yang menggunakan bullet dan perintah <ol> diakhiri</ol> untuk numbering.
  • Simpan jika digunakan sebagai widget atau publish jika ditempatkan pada halaman posting, kemudian lihat hasilnya.
Untuk menampilkan beberapa content sesuai label yang berbeda dalam daftar isi Anda, silahkan ikuti contoh berikut dan tempatkan dihalaman atau widget daftar isi blog Anda:
<b>TUTORIAL BLOGGER</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://skocikita.blogspot.com/feeds/posts/default/-/TUTORIAL%20BLOGGER?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
      </ol>

<b>WIDGET</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://skocikita.blogspot.com/feeds/posts/default/-/WIDGET?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<b>KOMPUTER</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://skocikita.blogspot.com/feeds/posts/default/-/KOMPUTER?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://skocikita.blogspot.com/feeds/posts/default/-/INTERNET?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
  • Ganti kode-kode: <b>TUTORIAL BLOGGER</b>, <b>WIDGET</b>, <b>KOMPUTER</b>, <b>INTERNET</b> dengan label sesuai label daftar isi Anda yang ingin ditampilkan.
  • Ganti url:  http://skocikita.blogspot.com dan label yang berwarna merah sesuai dengan url dan label blog yang Anda inginkan.
Selesai gan! Selamat mencoba dan semoga pas dengan selera sobat blogger yang telah sudi mampir ke blog ini. Terima kasih.
Untuk berlangganan artikel, masukan email anda disini:



0 Comment :

Posting Komentar

Bahasa dapat mencerminkan kepribadian seseorang.
Bagi yang ingin promosi web, blog dan atau mendapatkan backlink dari blog ini, telah disediakan tempat khusus. Klik DISINI

 

Info Olahraga

Info Komputer

Info Blackberry