Welcome To My Blog Software And Tips Blog | Free Download Sofware, Tips And Trik Serta Artikel Menarik Lainnya. ==> 'Copas jika perlu' ==> Don't forget to leave your footproof and thank you for visiting,,, "I hope your day more beautiful than ever"

17 May 2011

Membuat Daftar Isi Blog Pada Halaman Artikel

Cara membuat daftar isi  blog pada postingan Seperti contoh di bawah ini


Untuk caranya silahkan ikuti langkah - langkah berikut ini:

  • Login ke Blogger.
  • Kemudian buat sebuah Entri Baru dan pilih Edit HTML.
  • Berilah judul, misalnya: Daftar Isi.
  • Klik pada Opsi Entri dan setting supaya dipublikasikan mundur (ke tanggal pertama kali kamu posting).
  • Kopikan script berikut (gunakan Control C) dan ganti NamaBlog sesuai nama Blog kamu:
    <div id="cl_option"> Loading... </div>
    <div id="cl_content_list"></div>
    <script type="text/javascript">var jumlah_kata_dalam_ringkasan = 500;</script>
    <script src="http://my-project-daftar-isi-blog.googlecode.com/files/zikri%20adam%20syafitra%20blogtoc-v3.js"></script>
    <script src="http://NamaBlog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=9999"></script>
    Oya, kamu juga dapat mengubah jumlah karakter ringkasannya tidak 500. Misalnya dengan: 200, 300, 400, 600, dst.
  • Setelah di-paste, klik Terbitkan Entri 

Kamu juga harus membuatkan link untuk daftar isi ini yang bisa kamu tempatkan di navbar menu atau di sidebar. Link-nya misalnya seperti ini:
<a href="http://NamaBlog.blogspot.com/2011/05/daftar-isi.html">Daftar Isi</a>
(2011/05/daftar-isi.html menunjukkan artikel yang berjudul "Daftar Isi" dibuat pada bulan Mei 2011)

Selain itu kamu juga dapat menambahkan perintah overflow supaya tidak terlalu memanjang jika jumlah artikel pada blog kamu sudah banyak, misalnya seperti ini:
<div style="overflow:auto; border: 1px solid #CCC; margin:0px; padding:10px; width:auto; height:500px; background-color:#F0F0F0; text-align:left;">Script Yang Dicopykan</div>
The answers from all of your search !

↓↓Baca Juga Artikel Terkait Lainnya↓↓

Loading

0 komentar:

Post a Comment

 
Photography Templates | Slideshow Software
Related Posts Plugin for WordPress, Blogger...