mungkin ini akan bermanfaat bagi temen-temen yang sedang belajar untuk memulai membuat blog. salah satu yang penting di antaranya adalah bagaiman membuat Daftar Isi Otomatis Di BLog.
Hari Ini saya akan menuliska mengenai cara membuat Daftar Isi otomatis Di blog. Daftar Isi ini bekerja berdasarkan Label yang kita buat di saat kita membuat Post atau Entri Baru. Semua Post yang memiliki Label Sama akan dikumpulkan sehingga Blog anda akan lebih teratur.
Kurang lebih nanti tampilanya akan seperti ini :
DAFTAR ISI (Dengan Scroll)
DAFTAR ISI (Tanpa Scroll)
Baik, langsung saja ya kawan. Kurang lebih seperti inilah cara membuatnya. cukup dengan membuat entri baru lalu copi paste script berikut ini.
Dengan Scroll
Tanpa Scroll
Berikutnya, kamu cukup perlu mengganti tulisan berwarna merah dengan URL blog yang kamu miliki
Baca Juga :
Cara memasang Musik di Blog
Cara membuat Daftar Isi Blog secara otomatis dengan sistem Tanggal
Membuat Efek Daun Berguguran
Cara Membuat Pesan Teks Di Blog Senatiasa Berubah Tiap Hari
Mengganti slide Power point dengan HP
Daftar Artikel Blog
Hari Ini saya akan menuliska mengenai cara membuat Daftar Isi otomatis Di blog. Daftar Isi ini bekerja berdasarkan Label yang kita buat di saat kita membuat Post atau Entri Baru. Semua Post yang memiliki Label Sama akan dikumpulkan sehingga Blog anda akan lebih teratur.
Kurang lebih nanti tampilanya akan seperti ini :
DAFTAR ISI (Dengan Scroll)
DAFTAR ISI (Tanpa Scroll)
Baik, langsung saja ya kawan. Kurang lebih seperti inilah cara membuatnya. cukup dengan membuat entri baru lalu copi paste script berikut ini.
Dengan Scroll
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: none; border: 1px solid #000000; height: 500px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"></script>
<script src="http://pelajarterbaikupi.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script></div>
</div>
<div style="text-align: center;">
<a href="http://pelajarterbaikupi.blogspot.com/2011/06/membuat-daftar-isi-blog-otomatis.html" target="_blank"><span style="font-size: x-small;">Buat Daftar Isi Otomatis</span></a></div>
</div>
<div style="background-color: none; border: 1px solid #000000; height: 500px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"></script>
<script src="http://pelajarterbaikupi.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script></div>
</div>
<div style="text-align: center;">
<a href="http://pelajarterbaikupi.blogspot.com/2011/06/membuat-daftar-isi-blog-otomatis.html" target="_blank"><span style="font-size: x-small;">Buat Daftar Isi Otomatis</span></a></div>
</div>
Tanpa Scroll
<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="http://gagaje-blogspot.googlecode.com/files/sitemap%281%29.js"></script><script src="http://pelajarterbaikupi.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script>
<div style="text-align: center;">
<a href="http://pelajarterbaikupi.blogspot.com/2011/06/membuat-daftar-isi-blog-otomatis.html" target="_blank"><span style="font-size: x-small;">Buat Daftar Isi Otomatis</span></a></div>
</div>
<script src="http://gagaje-blogspot.googlecode.com/files/sitemap%281%29.js"></script><script src="http://pelajarterbaikupi.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc"></script>
<div style="text-align: center;">
<a href="http://pelajarterbaikupi.blogspot.com/2011/06/membuat-daftar-isi-blog-otomatis.html" target="_blank"><span style="font-size: x-small;">Buat Daftar Isi Otomatis</span></a></div>
</div>
Berikutnya, kamu cukup perlu mengganti tulisan berwarna merah dengan URL blog yang kamu miliki
Baca Juga :
Cara memasang Musik di Blog
Cara membuat Daftar Isi Blog secara otomatis dengan sistem Tanggal
Membuat Efek Daun Berguguran
Cara Membuat Pesan Teks Di Blog Senatiasa Berubah Tiap Hari
Mengganti slide Power point dengan HP
Daftar Artikel Blog
Makasih bgt gan, sukses berat! ane udah praktekin banyak tutorial, cuma punya agan yang pas dihati! terus berkarya, sangat bermanfaat!
ReplyDeleteHahaha... Si akang bisa aja...
DeleteSama-sama kang. Terimakasih kembali. Jangan kapok berkunjung lag. :D