Hay sobat blogger..
Sebelumnya saya sudah mempostingkan Cara Membuat Daftar Isi Blog. Dengan adanya daftar isi
kita mempermudah kita dalam melihat artikel apa saja yang ada pada suatu blog. Ok kita langsung saja pada pokok pembahasan. Sekarang saya akan berbagi info tentang Cara Mudah Membuat Daftar Isi Blog atau Table Of Content (TOC) setelah tadi malam baru sadar kalau blog ini belum punya daftar isi atau Sitemap yang lengkap seperti daftar isi sesuai berdasarkan tanggal posting. Sebenarnya ada dari bawaan Posts Feed namun ini tidak lengkap hanya menampilkan beberapa postingan saja dan sulit juga kalau mau menampilkan berdasarkan label. Bagi yang tertarik untuk membuat daftar Isi seperti blog ini, silahkan ikuti tutorialnya seperti ini : - Login dulu ke account blogger atau http://www.blogger.com/
- Kemudian buat sebuah Entri Baru dan pilih modus HTML bukan Compose,
- Kalau biasa pakai Windows Live Writer (WLW) gunakan modus Source atau Sumber.
- Berilah judul, misalnya: Daftar Isi Sesuai Label.
- Langkah selanjutnya seperti ini :
Membuat Daftar Isi Sesuai Tanggal
Posting
Posting
- Copy Paste script dibawah ini dan ganti yang warna
merah dengan URL Blog anda.
<script
style="text/javascript" src="
http://saungweb.googlecode.com/files/TOCtanggal.js "></script>
<script src="masukkan alamat blog sobat disini/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
style="text/javascript" src="
http://saungweb.googlecode.com/files/TOCtanggal.js "></script>
<script src="masukkan alamat blog sobat disini/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
- Setelah di-paste, klik Terbitkan Entri atau publish dan
lihat hasilnya - Kalau artikelnya sudah banyak bisa ditambah fungsi
scrol yang di pasang sebelum code yang pertama, sehingga lengkapnya akan
seperti ini :
<div style="overflow:auto; border: 1px solid #CCC; margin: auto;
padding: 3px; width: 95%; height: 500px;
background-color: none; text-align: left;">
<p align="center">
<font size="4">Daftar Isi sesuai Tanggal
Posting</font></p>
<script style="text/javascript" src=" http://saungweb.googlecode.com/files/TOCtanggal.js
"></script>
<script src="masukkan alamat blog sobat disini/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
padding: 3px; width: 95%; height: 500px;
background-color: none; text-align: left;">
<p align="center">
<font size="4">Daftar Isi sesuai Tanggal
Posting</font></p>
<script style="text/javascript" src=" http://saungweb.googlecode.com/files/TOCtanggal.js
"></script>
<script src="masukkan alamat blog sobat disini/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
- Kode warna merah, silahkan sesuaikan, sedang yang warna biru sesuaikan atau dihapus juga silahkan.
- Selanjutnya tinggal buat link yg menuju ke postingan
ini dan bisa disimpan di navbar menu atau di sidebar
dll. - lalu di save.
- Untuk lebih jelasnya Daftar Isi Sesuai Tanggal Posting
lihat disini
0 komentar:
Posting Komentar