Membuat Daftar Isi dengan html..!!

Daftar Isi Mini? Ato daftar isi lengkap? Ikuti tips berikut ini..!!



Daftar Isi mini :


* Login di blogger, lalu masuk ke page element.

* Klik add page element (Terserah anda mau disimpan dimana. Baik di sidebar atau di bagian footer)

* Pilih html / javascript .

*Selanjutnya, copy paste kode di bawah :



<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://mizwar.blog.googlepages.com/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://durianituenak.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script></div>

Silahkan ganti text yang berwarna merah dengan nama blog anda.


Catatan,Widget tersebut, akan hanya akan menampilkan judul blog nya saja. Jika anda ingin memodifikasinya, silahkan ganti kata false dengan true atau sebaliknya. lihat text berikut :

var numposts = 1000;
var showpostdate = false; / untuk menampilkan tanggal postingan
var showpostsummary = false; / untuk menampilkan ringkasan postingan
var numchars = 100;
var standardstyling = true;



Daftar Isi lengkap :

1. Login dengan akun blogger.
2. Klik "New Post"
3. Klik "Edit HTML"
4. Salin script di bawah ini :

<script style="text/javascript" src="http://hilal.web.id/blogtoc-min.js"></script>
<script src="http://durianituenak.blogspot.com/feeds/posts/default?max-results=100&alt=json-in-script&callback=loadtoc"></script>

Ganti warna merah : Dengan alamat blog Anda.
Ganti warna biru : Jumlah konten yang ingin ditampilkan.

5. Klik "PUBLISH POST".
6. Semoga bermanfaat.

2 komentar:

Apa yang kamu rasakan setelah baca post diatas? Tuangkan semuanya disini!