Cara Membuat Daftar Isi Manual Sederhana Di Blog

pada blog saya  ini. saya akan membuatkan turorialnya Daftar isi pada blog agar lebih kelihatan cantik, saya gunakan pada index game di blog ini merupakan daftar isi manual yang sangat sederhana, dalam artian, setiap postingan kita tidak akan secara otomatis masuk kedalam list nya tetapi harus dimasukan secara manual, tidak seperti daftar isi sebelumnya pada postingan saya dengan judul daftar isi accordion part 1 yang secara otomatis memasukan postingan terbaru kedalam daftarnya. berikut tutorial cara membuat daftar isi manual sederhana.

Silahkan Ikuti Langkah-langkah berikut :

1. Silahkan login akun Blog Anda

2. Pilih menu Posting dan Pilih Edit Laman

3. Setelah itu pilih Tambah Laman / Laman Baru

4. Kemudian Pada Laman Pilih Edit HTML ( Bukan Compose )

5. Dan Copy dan kode di bawah ini :

<!-- Content - http://wizyuloverz.blogspot.com - Start -->

<div style="border: 0px solid #eee; height: 400px; overflow: auto; padding: 10px; text-align: center;">
<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<div style="text-align: center;">
<u><span style="font-size: large;"><b>.:DAFTAR ISI MANUAL:.</b></span></u></div>

<b><span style="font-size: large;"> </span></b>
<b><span style="font-size: large;">-- A --</span></b></div>
<ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- B --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- C --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- D --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- E --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- F --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- G --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- H --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- I --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- J --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- K --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- L --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- M --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- N --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- O --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- P --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>


<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- Q --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- R --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- S --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- T --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>


<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- U --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- V --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- W --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- X --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- Y --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>

<div style="font-family: Georgia,&quot;Times New Roman&quot;,serif;">
<b><span style="font-size: large;">-- Z --</span></b></div><ul style="text-align: left;">
<li><a href="Masukan URL/Link Posting Disini" target="_blank">Masukan Judul Postingan Disini</a></li>
</ul>
</div>
<!-- Content - http://wizyuloverz.blogspot.com - End -->

6. Gantilah tulisan berwarna Hijau diatas dengan judul daftar isi yang sahabat inginkan
7. Sahabat bisa langsung menempatkan judul postingan dengan klik pada tulisan Masukan Judul Postingan Disini lalu pilih Change Lalu ganti Judul yang diinginkan jangan lupa sertakan Linknya
8. Sahabat juga bisa mennggantinya sebelum pindah ke compose dengan mengganti tulisan warna Kuning diatas dengan URL/Link postingan sahabat dan mengganti tulisan berwarna Biru dengan Judul Postingan sahabat.
9. Apabila sudah selesai, pilih Tayangkan Laman lalu pilih Tidak Ada Gadget kemudian Simpan Dan Terbitan

Terima Kasih dan selamat mencoba

Posted in: Blogspot