Banyak sekali tutorial-tutorial yang menerangkan tentang membuat daftar isi di blog. Dari sekian banyak artikel tersebut, mayoritas triknya menggunakan javascript. Sehingga secara tak langsung beban memory pada blog menjadi bertambah.
Nah saya ada tips sedikit hasil berguru ke blog kang rohman, tanpa menggunakan javascript Langkah-langkahnya
1. Log in blogger
2. Klik Tata Letak (untuk yang bahasa inggris klik Layout)
3. Klik edit HTML kemudian klik download template lengkap untuk backup data

4. Kemudian centrang pada kolom kecil expand template widget

5. cari kode <b:include data='post' name='post'/> . Hapus kode tersebut dan ganti dengan kode dibawah ini
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
6. setelah selesai klik simpan template
7. Langkah berikutnya klik Elemen Halaman dan tambahkan widget html/javascript
8. Pasti kode berikut dikolom kosong html/javascript
<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi»</a>
9. Untuk kode yang berwarna merah ganti dengan nama alamat blog kalian. Dan untuk angka 200 ganti sesuai postingan yang akan ditampilkan. kemudian klik save
10. Selamat mencoba
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
6. setelah selesai klik simpan template
7. Langkah berikutnya klik Elemen Halaman dan tambahkan widget html/javascript
8. Pasti kode berikut dikolom kosong html/javascript
<a href="http://NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi»</a>
9. Untuk kode yang berwarna merah ganti dengan nama alamat blog kalian. Dan untuk angka 200 ganti sesuai postingan yang akan ditampilkan. kemudian klik save
10. Selamat mencoba
0 komentar:
Post a Comment