Karena
permintaan salah satu sahabat wizyuloverz yang bertanya cara membuat
Daftar Isi Game pada blog saya, oleh karena itu, 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,"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://wizyuloverz.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://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
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
ARTIKEL TERKAIT:
Tips Blogger
- Cara Membuat Link Pada Kotak Komentar Di Blog
- Cara Membuat Tombol Back To Top Di Blog Dengan Mudah
- Cara Membuat Widget Komentar Terakhir Atau Recent Comment
- Cara Menampilkan Widget Hanya Pada Halaman Tertentu Di Blog
- Cara Membuat Burung Twitter Terbang Di Blog
- Cara Membuat Widget Untuk Mengganti Warna Background Di Blog
- Cara Membuat Daftar Isi Accordion Part 1 Tahun 2012
- Cara Membuat Widget Kaleng Tersembunyi Di Atas Blog
- Cara Menghindari Duplikat Konten Di Blog
- Akibat Yang Ditimbulkan Pada SERP Karena Sering Ganti Template
- Beberapa Poin Penting Agar Blog Kita SEO Friendly
- Merubah Judul Posting Blog Lebih SEO
- Cara Membuat Text Box Area Dengan Tombol Di Blog
- Cara Membuat Efek Animasi Gif Pada Link Saat Di Sentuh Kursor
- Membuat Fan Page Facebook Tersembunyi Di Samping Blog
- Kekuatan SEO Alami
- Cara Daftar Google Adsense Dengan Dot.tk
- Cara Menampilkan Google Adsense Dalam Facebook Fan Page
- Auto Money From AutoBlog
- Menaikkan Posisi web/blog pada SEARCH ENGINE
- Daftar Blog ke Search Engine
- Cara Meningkatkan Penghasilan PPC (Pay Per Click anda
- Mempercantik dan download template blog mu
- Tips Mengedit HTML Blogspot
0 komentar:
Posting Komentar