Cara Menampilkan Isi Dari 2 Label Atau Lebih

Sekarang saya akan menjelaskan mengenai bagaimana cara memunculkan isi dari 2 buah label atau lebih, artikel ini saya temukan saat saya sedang baca-baca blog milik salah seorang yang saya nilai dia pandai sekali membuat blog, orang itu bernama Kang Enes. Karena isi dari artikel ini sangat penting, jadi saya tulis juga artikel tersebut disini.

Ok pertama-tama saya akan menjelaskan apa itu label ?

Label adalah sebuah judul yang digunakan untuk menandai setiap postingan kita, yang dimana fungsi utamanya untuk memberikan tanda/mengelompokan postingan kita pada sebuah judul yang sama. Label bisa kita sebut juga sebagai Categori.

Lalu fungsinya untuk apa ?
Label mempunyai fungsi untuk membantu para pembaca artikel, dalam mencari artikel lain yang bersangkutan dengan topik utamanya. Sebagai contoh anda memiliki 2 buah postingan mengenai cara membuat label dan cara membuat Recent Posts, dari 2 postingan itu sudah pasti di kelompokan dalam categori Trick Blog. Nah 2 postingan itu kita beri Label Trick Blog, sehingga saat pembaca mencari trick-trick blog, pembaca tinggal mengklik labelnya saja dan setelah di klik label itu maka akan munculah semua postingan dengan label tersebut.


Nah disini saya akan menjelaskan cara memasang widget yang isinya lebih dari 2 label beserta isi label tersebut dengan menggunakan Javascript, sehingga widget itu terlihat seperti daftar isi di dalam buku.

Untuk membuat widget tersebut, ikuti saja langkah-langkah di bawah ini :

• Masuk ke Rancangan/Tata Letak dan pilin Elemen Halaman.
• Lalu klik Tambah Widget dan pilih HTML/Javascript.
• Lalu masukan kode ini :
  
  <script style="text/javascript">
  var numposts = 50;
  var standardstyling = true;
  </script>
  
  <script type='text/javascript' src='http://ic-project.googlecode.com/files/rc-labels.js'></script>
  
  
  <h4>Judul</h4>
  

  <ul>

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

  </ul>

  <br/>

  
  <h4>Judul</h4>
  

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

  </ul>
  Keterangan :
  - Judul ubah dengan yang anda inginkan, atau sama dengan nama label
  - var numpost jumlah judul yang akan ditampilkan
  - NamaBlogAnda ganti dengan nama blog anda.
  - Nama Label di ubah sesuai dengan nama label/category yang ingin anda tampil.
  - %20 jika nama label anda memakai spasi, maka spasinya di ganti dengan %20
  - <br/> gunanya untuk memberi jarak antara isi teakhir label sebelumnya dengan judul label selanjutnya.
  - <ul></ul> gunanya untuk memberikan bullet pada isi label.
  
  bingung?? Ok akan saya beri contoh penulisannya.
  
  
  <script style="text/javascript">
  var numposts = 50;
  var standardstyling = true;
  </script>
  
  <script type='text/javascript' src='http://ic-project.googlecode.com/files/rc-labels.js'></script>
  
  
  <h4>Blogspot</h4>
  

  <ul>

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

  </ul>

  <br/>

  
  <h4>Online Business</h4>
  

  <ul>

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

  </ul>
• Klik Simpan untuk menyelesaikannya.

Selamat mencoba dan semoga bermanfaat.

Share this artikel:

Ikon ini merupakan link ke situs bookmark sosial dimana pembaca dapat berbagi dan menemukan halaman web baru.