Social Icons

Rabu, 12 Desember 2012

Cara Membuat Daftar Isi Manual Sederhana Di Blog

Cara Membuat Daftar Isi Manual Sederhana Di Blog "

pada kesempatan kali ini saya akan membuatkan turorialnya, Daftar isi yang 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 sertakanLinknya
8. Sahabat juga bisa mennggantinya sebelum pindah ke compose dengan mengganti tulisan warna Kuning diatas dengan URL/Link postingan sahabat dan mengganti tulisan berwarna Birudengan Judul Postingan sahabat.
9. Apabila sudah selesai, pilih Tayangkan Laman lalu pilih Tidak Ada Gadget kemudianSimpan Dan Terbitan
 
Sumber : http://wizyuloverz.blogspot.com/
 

Artikel Terkait

[archives limit=10]

Tidak ada komentar:

Posting Komentar