Selamat datang di Kios-Tutorial

Membuat Daftar Isi Dengan Widget

Tuesday, October 14, 20140 komentar

Membuat Daftar Isi Dengan Widget

Membuat daftar isi dengan widget
Daftar Isi Dengan Widget - Ada beberapa cara untuk membuat daftar isi dari sebuah blog, baik itu dengan cara manual maupun secara online. Menurut saya pribadi, daftar isi sebuah blog itu sangat mutlak diperlukan, karena untuk memudahkan para pengunjung blog kita untuk memilih artikel-artikel yang sudah kita tulis. Sebenarnya kita sudah bisa membuat daftar isi berupa label, tapi yang akan muncul di dalam daftar hanya nama label saja.
Nah, pada kesempatan ini saya akan berbagi tutorial membuat daftar isi dengan widget. Dengan daftar isi ini, kita bisa menampilkan tidak hanya label saja tetapi juga isi dari label tersebut. Mirip dengan pembuatan daftar isi otomatis dengan cara online. Disamping itu, dengan membuat daftar isi memakai widget ini kita bisa meletakkannya sesuka  hati, bisa di sidebar sebelah kanan atau kiri, bisa di bagian atas maupun bawah dan daftar isi ini sudah dilengkapi dengan scroll box. Jadi blog kita akan keliahatan berbeda dengan blog lainnya.

Mari kita lihat caranya di bawah :

1. Login ke blogger kalian
2. Pilih Tata Letak lalu Tambahkan Widget dan pilih HTML/Javascript
3. Pada bagian judul, beri judul terserah kalian dan pada kolom konten masukkan code script di bawah ini
<div style="border: 1px solid rgb(0, 0, 0); height: 200px; overflow: auto;">
<script src="http://post-xml.googlecode.com/files/feeds-labels.js"></script><script src="http://blogkalian/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>
200px = tinggi scroll box, ganti sesuai template kalian
blogkalian = ganti dengan nama blog kalian

4. Langkah terakhir SAVE, dan lihat hasilnya.

Membuat Daftar Isi Dengan Widget
Contoh Jadi

Sampai disini dulu bagi-bagi trik & tipsnya, sampai ketemu lagi dalam aritkel berikutnya
Terima kasih sudah berkunjung dan meluangkan waktu untuk membaca

Membuat Daftar Isi Dengan Widget

Tutorial Tips & Trik Photoshop | Illustrator | Cinema 4D | Blog & Seo

Share this article :

Post a Comment

- Maaf, komentar LINK AKTIV / IKLAN akan saya HAPUS
- Komentar sara / spam akan saya hapus
- Jika ada link gambar yang mati laporkan disini
- Berkomentarlah dengan bijak sesuai dengan artikel
- Komentar anda merupakan undangan buat saya

 
Support : Cara Gampang | Creating Website | Johny Template | Mas Templatea | Pusat Promosi
Copyright © 2013. Tutorial Tips & Trik - All Rights Reserved
Template Created by Creating Website Re-Design by Kios
Proudly powered by Blogger