Headlines News :

Resource

Home » , » Cara Membuat Daftar isi per label sesuai label yang di pilih

Cara Membuat Daftar isi per label sesuai label yang di pilih

Written By Unknown on Jumat, 01 Juni 2012 | 11.36


Cara Membuat Daftar isi per label sesuai label yg di pilih (Tanpa Gambar Mini Disamping)

Buat daftar isi Anda, terserah mau sebagai HTML/Javascript pada widget atau dihalaman posting, 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://webkedongbiru.blogspot.com/feeds/posts/default/-/Komputer?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
      </ul>
      
                            1 . Ubah nilai var numposts sesuai jumlah judul yang ingin ditampilkan.
                            2. Ganti http://webkedongbiru.blogspot.com/ sesuai nama blog Anda sendiri.
                            3. Ganti Komputer sesuai nama label atau kategori yang ingin ditampilkan.
Catatan:
Label yang menggunakan spasi, maka spasi diganti dengan: %20. Misalnya: label Komputer Networking harus ditulis Komputer%20Networking  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 ingi daftar isi yang menggunakan bullet dan perintah <ol> diakhiri</ol> untuk numbering.
 Selesai Mudahkan.....???


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://webkedongbiru.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://webkedongbiru.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://webkedongbiru.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://webkedongbiru.blogspot.com/feeds/posts/default/-/Internet?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
  1.   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.
  2.  Ganti url:  http://webkedongbiru.blogspot.com/ dan label yang berwarna merah sesuai dengan url dan label blog yang Anda inginkan. 


 Jika Gen Pengen di sertai Gambar Dalam Daftar isi per label  yang di Tampilkan 
Pakek Yang Ini Gen.:


<div style="overflow:auto; width:auto; height:150px; padding:5px;border:0px solid #000000; font-family:julee; font-size:15px; font-color:#0000FF;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src=''http://blognyamasrahmat.googlecode.com/files/postlabel.js></script><ol>
<script src="http://webkedongbiru.blogspot.com/feeds/posts/default/-/Komputer?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol></div>
                
                Caranya Sama dengan yg di atas tadi:                             1 . Ubah nilai var numposts sesuai jumlah judul yang ingin ditampilkan.
                            2. Ganti http://webkedongbiru.blogspot.com/ sesuai nama blog Anda sendiri.
                            3. Ganti Komputer sesuai nama label atau kategori yang ingin ditampilkan.
Semoga Bermanfaat Gen...
Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Blog Kedong Biru - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger