Cara Membuat Daftar Isi Accordion Part 1 Tahun 2012
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://amirhamzahporang.blogspot.com - Start
-->
<div style="border: 0px solid #eee; height: 400px;
overflow: auto; padding: 10px; text-align: center;">
<div style="font-family: Georgia,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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://amirhamzahporang.blogspot.com - End -->
<div style="font-family: Georgia,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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,"Times New Roman",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://amirhamzahporang.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
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
Selamat Mencoba
0 Response