Home » » Cara Membuat Daftar isi Blog

Cara Membuat Daftar isi Blog

tips kali ini saya berbagi cara membuat Dafatar isi Blog.
contoh :




Berikut Langkah - langkahnya :

* Sign in

* klik Layout atau Tata Letak

* Klik Edit HTML

*
Agar dalam pengeditan tidak terjadi apa - apa dalam blog temen - temen, silahkan klik link bertuliskan download Template Lengkap. ini di fugnsikan jika script yang dihasilkan tidak sesui dengan kehendak maka bisa dikemblikan seperti semula.

* Berilah centang pada Expand Widget Template (agar code widget muncul)

* Setelah itu cari kode seperti dibawah ini :

<b:include data='post' name='post'/>

* Delete / hapus kode diatas, lalu ganti dengan kode dibawah ini :


Spoiler:


<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>




* Klik tombol Simpan Template.

* Selesai. Langkah pertama sudah selesai.


Setelah langkah di atas selesai,

* Klik Gedget.

* Klik tulisan Tambah Gedget.

* lalu pilih HTML/JavaScript.

* Copy paste kode berikut :

<a href="http:// NamaBlogAnda .blogspot.com/search?max-results= 200 ">Daftar isi&raquo;</a>


* Ganti NamaBlogAnda nama blog anda sendiri.

* Jika angka 200, adalah jumlah posting yang ingin di munculkan.

* Klik tombol Simpan Perubahan .

* Selesai.

Keterangan :

Jika temen - temen bisa, Temen - temen bisa memodifikasi bentuk dari daftar isi ini, apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah kode CSS.Code di bawah ini adalah code pertama(1) paling atas.

 <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">


Contohnya bisa dilihat disini

Artikel ini mengutip dari blog kangrohman.

Selamat mencoba Cara Membuat Daftar isi Blog, semoga berhasil.







Artikel Terkait:

20 komentar:

  1. gw numpang copy artikel nya ya..cos keren bgt isinya..gw newbie soal blogger...klo sempat berkunjung ke blog gw ya (http://www.agungmaster.co.cc) thanks ya.

    BalasHapus
  2. @an nisza @Rizky mungkin ada yg salah dr penempatan coba diperiksa gi...

    @AGung silahkan dengan senang hati tp kebutalan contoh daftar ISI diatas sudah tidak jalan lagi karena sudah saya hapus....
    salam kenal , n terim kasih sudah mo berkomentar dan berkunjung

    BalasHapus
  3. bos numpang kopy artikelnya
    by smpn-3pg.blogspot.com/www.p3langinet.co.cc

    BalasHapus
  4. Saya ingin bertanya. bagaimana cara mendisable klik kanan? tapi yg berbeda maksugnya user cuman di beri 2 kali ksempatan buat klik kanan. dan kalo lebik akan muncul konfirmasi yg ga bisa di tutup. Mohon penjelasanya.

    BalasHapus
  5. Ya g bisa padahal udah sama....
    ????....

    BalasHapus
  6. ga bisa kakak..silahkan berkunjung..

    situskita-kita.blogspot.com

    BalasHapus
  7. ko gak bisa2 yach...
    gmna cara'ya

    BalasHapus
  8. mf untk tmn2 blogger saya sudah lama tidak buka blog jd ga keurus blognya terima kasih komentarnyasemua,,,,,,,

    BalasHapus
  9. wiiihhh mantab dah...
    udah gw coba, bisa. thx bgt y

    BalasHapus
  10. thank you yach......
    Copy-paste.....hehehehe

    BalasHapus
  11. bang cara masukin postingan ke dalam deftar nya bisa gk,,???

    BalasHapus
  12. ngeblog mengasikan, tapi kadang puyeng gak tau mau posting apa

    BalasHapus
  13. bos uda q coba berkali2 tapi hasilnya Daftar Isi>>
    trus low di klik membuka daftar isi tp buka halaman baru g kayak di blog ini? mohon pencerahanya...thank

    BalasHapus

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri