Cara Membuat daftar Isi Blog Berdasarkan Category / Label

Cara Membuat Daftar Isi Blog kali ini berbeda dengan Daftar Isi Blog yang laen, di samping tampilannya yang beda penggunaan Scriptnya pun berbeda. Dengan tampilan Daftar Isi ini, tampilan Blog anda akan lebih profesional. Banyak yang suka dengan tampilan Daftar isi ini karena dapat membedakan Postingan yang baru dengan yang lama dan menampilkan seluruh judul postingan Blog anda beserta Category/Label. Tapi apa bila postingan anda tidak memiliki Category/Label kemungkinan judul postingan tidak akan termuat dalam Daftar isi.

Tips ini di bagi jadi 2 Bagian, yang pertama memasang daftar isi Blog pada satu halaman penuh dan yang kedua memasang daftar isi blog di Halaman Depan/Side bar.

Cara Membuat Daftar Isi Blog yang pertama:


1. Log ini ke Account Blogger anda
2. Pilih Entri Baru/New Post
3. Isi judul dengan Daftar Isi bila perlu
4. klik Edit HTML di samping Compose
5. Lalu Copy Paste Code Script di bawah ini

<script type="text/javascript" src="http://daftar-isi-ryan.googlecode.com/files/Daftar_isi_halaman.js">
</script><script type="text/javascript" src="http://iptek-4u.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Ket:
Ganti http://iptek-4u.blogspot.com dengan Alamat URL Blog anda.
Setelah selesai silahkan anda save.


Cara Membuat Daftar Isi Blog yang kedua:
1. Log in ke Account Blogger anda
2. Klik Rancangan --> Elemen Halaman
3. Pilih Tambah Gadget/Add Gadget
4. Pilih HTML/JavaScript
5. Lalu Copy Paste Code Script di bawah ini

<div style="border: 1px solid #eee; height: 120px; overflow: auto; padding: 10px; width: 430px;">
<script type="text/javascript" src="http://daftar-isi-ryan.googlecode.com/files/Daftar_isi_Sidebar.js">
</script><script type="text/javascript" src="http://iptek-4u.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Ket:
Ganti http://iptek-4u.blogspot.com dengan alamat blog anda.
width: 430px "Lebar sesuai dengan yang anda inginkan, sesuaikan dengan tempalate"
height:120px "Ganti tinggi nya sesuai dengan keinginan anda"

Setelah semuanya selesai silahkan anda save dan lihat contohnya seperti di daftar isi Blog ini

Like This Article :

Baca Juga Artikel Menarik Lainnya di Bawah INI :

Rating: 4.5 | Reviewer: Fakhrian Amrullah | ItemReviewed: Cara Membuat daftar Isi Blog Berdasarkan Category / Label

Comment With Facebook!

Posting Komentar

ExitJangan Lupa Klik Like Dan Follow ya!