Cara Memasang Daftar Isi Sederhana Berdasarkan Label

12/01/2015
Cara Memasang Daftar Isi Sederhana Berdasarkan Label - Kali ini Saya akan berbagi bagaimana cara memasang daftar isi yang ringan dan sederhana berdasarkan label di blog. Walaupun daftar isi ini terlihat sederhana, namun pengunjung akan tetap menyukainya karena memang widget ini cukup ringan alias tanpa ada acara loading lama.

Cara Memasag Daftar Isi Sederhana Berdasarkan Label

Widget ini befungsi menampilkan daftar postingan di blog sobat yang di sortir berdasarkan label yang ada di blog.

Berikut demo dari widget daftar isi ini :


Bagaimana? Apakah setelah melihat demo di atas sobat langsung ingin memasang daftar isi yang akan Saya bagikan ini? Jika iya, silakan ikuti langkah berikut ini :

1. Masuk ke Blogger > Pilih Menu laman > Kemudian buat postingan di laman baru > Di situ ada pilihan tab Compose dan HTML (di sudut kiri atas) > Kemudian Silakan pilih tab HTML dan tambahkan kode di bawah ini didalamnya :

<div style="background-color:none; max-height:1200px; margin:auto;overflow:auto;padding:3px;text-align:left;width:100%;">
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftsimple.js"></script><script src="/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
</div>

2. Publikasikan post dan selesai.


Tidak terlalu sulit bukan? Demikian tutorial tentang Cara Memasang Daftar Isi Sederhana Berdasarkan Label di blog. Semoga bermanfaat.

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.