Menampilkan daftar isi sebuah blog merupakan sebuah kebutuhan agar pembaca dapat memperoleh informasi apa yang kita sajikan dengan mudah, tapi dalam beberapa hal ini juga merupakan sebuah dilema karena dengan banyaknya artikel yang kita muat akan membuat loading saat membuka blog cukup lama sehingga bisa mengganggu kenyamanan pengunjung.
Ada beberapa cara untuk menampilkan isi blog diantaranya adalah :
- Recent Post ( artikel terbaru )
- Top Posting ( artikel populer )
- Random Post ( artikel acak )
- Membuat Daftar Isi
- Related Post, etc
Sekarang kita akan mencoba membahas mengenai daftar isi dengan menampilkan hanya sebagian berdasar label posting.
untuk lebih jelasnya ikuti langkah berikut :
- Klik Page Element
- Klik Add Gadget
-
- Klik plus button (+) for HTML/JavaScript. (img)
- Copy and paste kode dibawah ini
<script style="text/javascript">
var numposts = 500;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://hdesign-code.googlecode.com/files/label-post.js'></script>
<h3>Arsitektur</h3>
<ul>
<script src="http://kibagus-homedesign.blogspot.com/feeds/posts/default/-/Arsitektur?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=100"></script>
</ul>
<br />
<h3>Rumah Adat</h3>
<ul>
<script src="http://kibagus-homedesign.blogspot.com/feeds/posts/default/-/Rumah%20adat?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=100"></script>
</ul>
Keterangan :
- <h3>Arsitektur</h3> = judul label posting yang dimaksud ( sesuai dengan label artikel yang ingin ditampilkan )
- http://kibagus-homedesign.blogspot.com/feeds/posts/default/-/Arsitektur = alamat URL dan label artikel yang dimaksud ( ganti dengan alamat blog dan nama label = warna hijau )
- Untuk menampilkan lebih dari 3 label tinggal tambahkan kode pada bagian bawah, sesuai dengan kebutuhan.
Tips :
- Penggunaan daftar isi jenis ini harus di ikuti dengan pengaturan jenis label yang kita gunakan jangan sampai kita menggunakan label sebuah artikel dengan lebih dari 1 label karena pada tampilan daftar isi akan muncul judul artikel yang sama pada label yang berbeda.
- Tampilkan hanya beberapa jenis label yang utama.
var numposts = 500;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://hdesign-code.googlecode.com/files/label-post.js'></script>
<h3>Arsitektur</h3>
<ul><script src="http://kibagus-homedesign.blogspot.com/feeds/posts/default/-/Arsitektur?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=100"></script>
</ul>
<br />
<h3>Rumah Adat</h3>
<ul><script src="http://kibagus-homedesign.blogspot.com/feeds/posts/default/-/Rumah%20adat?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=100"></script>
</ul>
- Penggunaan daftar isi jenis ini harus di ikuti dengan pengaturan jenis label yang kita gunakan jangan sampai kita menggunakan label sebuah artikel dengan lebih dari 1 label karena pada tampilan daftar isi akan muncul judul artikel yang sama pada label yang berbeda.
- Tampilkan hanya beberapa jenis label yang utama.
