Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori

Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori | Bos Tutorial - Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori. Kebihan dari Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori dari membuat daftar blog manual baik dengan scroll adalah kita tidak capek-capek lagi membuat atau menyalin link dan judul posting ke dalam daftar isi. Namanya otomatis, maka setaip kita posting artikel yang baru maka datar isi akan langsung masuk secara otomatis.

Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori ini ditata berdasarkan label atau kategori dalam tiap postingan. Jadi, isinya dari daftar isi adalah berdasarkan kategori yang kawan-kawan buat. Saran, buatlah label atau kategori tiap postingan serapi dan teratur mungkin.

Beginilah Cara Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori.
1. Bukalah akun blog anda sendiri
2. Buka postingan baru atau laman baru atau widget baru pada blog anda
3. Salinlah kode di bawah ini :

<div style="background: transparent url(#) no-repeat; border: 1px solid white; height: 400px; overflow: auto; padding-left: 5px; width: 95%;">
<script language="javascript">
numposts=9999;
home_page="NAMABLOGKAWAN.blogspot.com";
explanpost="new";
</script>
<ul><script src="http://yourjavascript.com/666724301/sitemap-np.js">
</script></ul>
</div>

4. Publikasikan, atau simpan lalu lihat hasilnya.

Catatan :

• Gantilan NAMABOGKAWAN dengan namablog kawan Misalnya : bos-tutorial.blogspot.com tanpa menggunakan http://.
• Silahkan ganti ukuran height dan wiidth sesuai kesukaan anda.

By the way, Bos Tutorial juga menggunakan cara ini dalam daftar isi blog (klik disini untuk melihat hasilnya). Demikianlah tulisan mengenai Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori.Selamat mencoba. Salam sukses dan salam blogger. [Bos Tutorial]

Membuat Daftar Isi di Blog dengan Scroll

Membuat Daftar Isi di Blog dengan Scroll | Bos Tutorial - Membuat Daftar Isi di Blog dengan Scroll. Sebelumnya Bos Tutorial sudah memaparkan bagaimana Membuat Daftar Isi di Blog. Memang Membuat Daftar Isi di Blog dengan Scroll dengan Membuat Daftar Isi di Blog tanpa Scroll memang hampir tidak ada bedanya. Perbedaaannya terletak di scroll saja, dengan membuat scroll pada daftar isi bisa menghemat space pada template blog, dengan begitu space yang tersisa bisa dimanfaatin dengan yang lainnya seperti space iklan, atau space widget yang lain yang kawan-kawan suka.

Beginilah Cara Membuat Daftar Isi di Blog dengan Scroll.
1. Bukalah akun blog anda kawan (tentunya akun blog sendiri lho).
2. Bukalah postingan baru, atau laman baru, atau widget baru. Pilih sesuka anda mau ditempatkan dimana.
3. Lalu salinlah kode berikut :

<div style="background-color: white; border: 1px solid #ddd; height: 100px; margin: 0px 0px 0px 0px; overflow: auto; padding: 3px; width: 300px;">
<div class="border">
1. <a href="http://bos-tutorial.blogspot.com/2012/05/langkah-memulai-blog-baru.html" title="Langkah Memulai Blog Baru">Langkah Memulai Blog Baru</a> </div>
<div class="border">
2. <a href="http://bos-tutorial.blogspot.com/2012/05/mengenal-tampilan-blogger-terbaru.html" title="Mengenal Tampilan Blogger Terbaru">Mengenal Tampilan Blogger Terbaru</a> </div>
<div class="border">
3. <a href="http://bos-tutorial.blogspot.com/2012/05/alasan-menggunakan-blogspot-untuk-blog.html" title="Alasan Menggunakan Blogspot Untuk Blog">Alasan Menggunakan Blogspot Untuk Blog</a> </div>
<div class="border">
4. <a href="http://bos-tutorial.blogspot.com/2012/05/cara-memulai-postingan-baru-di-blogspot.html" title="Cara Memulai Postingan Baru di Blogspot">Cara Memulai Postingan Baru di Blogspot</a> </div>
<div class="border">
5. <a href="http://bos-tutorial.blogspot.com/2012/05/cara-mengganti-template-blog-pada.html" title="Cara Mengganti Template Blog Pada Blogspot">Cara Mengganti Template Blog Pada Blogspot</a> </div>
<div class="border">
6. <a href="http://bos-tutorial.blogspot.com/2012/05/cara-memasukkan-dan-edit-gambar-di-blog.html" title="Cara Memasukkan dan Edit Gambar di Blog">Cara Memasukkan dan Edit Gambar di Blog</a> </div>
</div>

4. Tempatkanlah sesuai kesukaan anda, apa di postingan baru atau di laman baru atau di widget yang baru.
5. Selesai, dan lihat hasilnya.

Catatan :

• Untuk tulisan berwarna merah silahkan ganti ukuran yang anda inginkan (sesuaikan tinggi dan lebar untuk dijadikan scroll)
• Untuk berwarna biru silahkan ganti dengan link yang akan dituju dalam membuat daftar isi.
• Untuk berwarna ungu silahkan ganti dengan Judul Postingan sesuai dengan link yang dutuju tadi.
• Lakukan itu berulang-ulang bila ingin membuat lebih banyak dan silahkan ganti nomor itu dengan gaya blog yang kawan suka.

Demikianlah bagaimana Membuat Daftar Isi di Blog dengan Scroll. Semoga bermanfaat dan selamat mencoba. Salam blogger dan salam sukses [Bos Tutorial]

Daftar Isi Bos Tutorial Blog

Daftar Isi Bos Tutorial Blog - Inilah Daftar Isi Bos Tutorial Blog. Daftar Isi Bos Tutorial Blog ini dibuat berdasarkan Label atau Kategori. Tujuannya adalah agar kawan-kawan lebih gampang mencari postingan berdasarkan kategori.

Inilah Daftar Isi Bos Tutorial Blog

Itulah Daftar Isi Bos Tutorial Blog. Tertarik dengan Daftar Isi Bos Tutorial Blog, silahkan kunjungi disini (Membuat Daftar Isi Ala Bos Tutorial). Salam Sukses. [Bos Tutorial]