Membuat Daftar Isi Modern dan Canggih

Syukur Alhamdulillah, akhirnya Allah telah menujukkan jalan saya dan memberikan karunia ilmu tentunya kepada saya melalui kolom tutorial, alah.... banyak isengnya, kayak wong get ae. ok sekarang serius ni, dari pada kita pusing-pusing lebih baik kan langsung ok,

Pada postingan kali ini saya akan mencurahkan sebagian ilmu yang aku dapat dari berbagai jalan secara......, wooooooo bosa-basi maneh, maaf klo gtu, e..... mumpung otak aku dingin ni, next serius banget, disini kita akan membahas tentang bagaimana cara membuat/ menampilkan judul postingan saja, penasaran, yadah ni contohnya (klik) ,setelah melihat hasil yang di atas tadi, sekarang pengen gak bisa buat seperti itu, kalo pengen begini caranya :

langkah 1 (pertama)

1. Sign in di blogger dengan ID anda


2. Bilsa sudah berada di halaman dashboard, klik Layout.


3. Klik tab Edit HTML


4. Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting).


5. Beri tanda tik/cek pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat.

6. Lihat ke bagian body template, lalu cari kode seperti ini :

<b:include data='post' name='post'/>


7. Delete / hapus kode tersebut, lalu ganti dengan kode berikut 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>


8 Klik tombol Simpan Template.


9 Selesai deh. ok Langkah pertama sudah selesai, kemeng tangan ku

Langkah 2 (Kedua)


1. Klik tab Elemen Halaman.


2. Klik tulisan Tambahkan sebuah Elemen Halaman.



3. Setelah muncul window baru, klik tombol TAMBAHKAN KE BLOG untuk yang HTML/JavaScript.


4. lalu Copy paste kode berikut :

<a href="http://NamaBlog/webAnda.blogspot.com/search?max-results=200">Daftar isi&raquo;</a>



5 Ganti NamaBlog/web Anda dengan nama blog/web anda sendiri. Contoh : nama blog/web saya adalah sangpikir.blogspot.com. ganti angka 200 dengan nomor yang lainnya (kalau suka). Nomor ini adalah jumlah posting yang ingin di munculkan ketika link daftar isi di klik.


6 Klik tombol Simpan Perubahan.


7 Selesai.

ok, jangan sungkan-sungkan tuk tanya.

RECENT COMMENT