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.
BACA JUGA YANG INI :
Tips N Trik
- Inilah Nutrisi Yang Terkandung Pada Buah Jambu Air Dan Manfaatnya Bagi Kesehatan, Salah Satunya Untuk Kesuburan Pria
- Tips Makeup Untuk Si Kacamata,biar si doi tambah ngiler
- Fakta,Orang yang Tidur Larut Malam dan Bangun Siang Lebih Sukses Karirnya
- Sering Melamun Jadi Lebih Cerdas
- Cara Semut Selamat Dari Banjir Besar
- Cara memasak mie instant yang benar
- Tips agar kamera hp bisa memotret mahluk halus
- Ternyata Gosok Gigi dengan Jari Bagus Untuk Kesehatan
- [BUAT YANG MUSLIM] yuk Kenali Ini Ciri-Ciri Daging BABI / CELENG ,Jangan Ampe Kemakan
- 5 Posisi Seks Yang Tidak Boleh Anda Lakukan [Pict]
- Lebih Sehat Mana Teh atau Kope ??
- Bahaya Helm Yang Jarang Dicuci
- Bahaya Makan Mie Instant setiap hari
- Dampak Negatif sering memakai Headset
- Tips Menghilangkan Bekas Cupang
- Jangan Pernah Memisahkan Ibu dari Anaknya yang Baru Lahir
- Cara Memperkuat Sinyal Wifi Dengan Kaleng Bekas
- Tips Berkendara yang Aman Saat Musim Hujan
- 3 Cara Mudah Menghindari Bakso Daging Babi
- Ingin Hamil? Ke Dokter Gigi Aja...
- Cara Agar Bangun Pagi Tidak Ngantuk
- Jangan Pakai Mesin Pengering Setelah Cuci Tangan!!
- Tips Aman Dan Benar Membersihkan Telinga
- Ini Nih 5 Cara Angkat Sel Kulit Mati yang Wow Banget
- Penemuan Baru ! Otak Disetrum Agar Pintar?
Blogger Tutorial
- Cara Membuat Tabel,kotak,kolom di Blog
- Cara membuat kotak iklan (Banner Box)
- Membuat Recent Post by Label Thumbnail Saja
- Cara Membuat Menu Navigasi Horisontal Bercabang / Drop Down
- CopyGator | Menemukan Penggemar Situs Anda
- Cara membuat status loading blog
- cara membagi elemen gadget menjadi dua kolom
- Membuat Rocking Rolling Rounded Menu dengan JQuery dan CSS3
- Merubah Judul Postingan Yang SEO Friendly
- Cara membuat efek shadow pada judul posting
- Membuat Readmore Dengan Gambar & Teks
- Membuat Related Post/ Artikel Terkait Di Bawah Postingan
- Kunci Merubah Ukuran Blogger Anda(kelas pemula)
- Cara Merubah Lebar Halaman Posting di Blogger (kelas pemula)
- Cara Merubah Ukuran Sidebar Pada Blogger (kelas pemula)
- Cara Merubah Ukuran Header Pada Blogger (kelas pemula)
- Cara Mendaftarkan Blog/Website ke Bing Webmaster Tools - Tutorial
- Cara Paling Ampuh Atasi Komentar Spam Yang Merajalela
- Cara Mendaftar Dan Setting FeedBurner
- Cara Menghilangkan Tulisan Showing All Posts With Label di Blog
- Widget Random Post Dengan Thumbnail Via 2leep
- Cara Mudah Membuat Menu Tab View
- Cara Mengedit Template HTML Blog Yang Baik Dan Benar
- Cara Membuat Menu Horizontal Drop Down Versi 2
