Cara Membuat Daftar isi secara manual

Pada postingan sebelumnya saya sudah post kan Membuat daftar isi secara otomatis. Pada kesempatan ini saya akan coba untuk membuat daftar isi / List Of Content blog dengan cara manual. Maksud nya begini, daftar isi blog akan kita buat dengan mengentrikan satu persatu judul postingan kita sehingga akan menggambarkan isi dari blog milik kita.

Cara membuat daftar isi yang akan saya tuliskan ini jika menggunakan fungsi scroll. Untuk melihat tips membuat menu scroll dapat dilihat disini. Atau saya sarankan untuk membuat daftar isi yang lebih bagus lagi seperti ini

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Kopas kode di bawah ini


<div style="overflow:auto;width:475px;height:120px;padding:10px;border:1px solid #eee">

dan di akhiri dengan kode dibawah ini

</div>

Untuk daftar isinya anda letakkan diantara kedua kode tadi (ditengah-tengahnya) Contoh kode-kode untuk daftar isi seperti ini :

<a href="http://barajakom.blogspot.com/2009/05/download-gratis-driver-acer-3260-untuk.html">Download Gratis Driver Acer 3260 Untuk XP</a><br/>

<a href="http://barajakom.blogspot.com/2009/05/recovery-password-rar.html">Recovery Password RAR</a><br/>

<a href="http://barajakom.blogspot.com/2009/04/cara-instal-pc-acer-m1641.html">Cara Instal PC Acer M1641</a><br/>

Jadi HTML/javascript akan menjadi seperti di bawah ini:


<div style="overflow:auto;width:475px;height:120px;padding:10px;border:1px solid #eee">

<a href="http://barajakom.blogspot.com/2009/05/download-gratis-driver-acer-3260-untuk.html">Download Gratis Driver Acer 3260 Untuk XP</a><br/>

<a href="http://barajakom.blogspot.com/2009/05/recovery-password-rar.html">Recovery Password RAR</a><br/>

<a href="http://barajakom.blogspot.com/2009/04/cara-instal-pc-acer-m1641.html">Cara Instal PC Acer M1641</a><br/>
</div>


Pada kata-kata yang berwarna merah merupakan kalimat yang akan muncul pada daftar isi.

Pada kata-kata yang berwarna biru merupakan alamat url judul postingan

Trus di save.

Selamat mencoba, semoga berhasil
Posted by: Barajakom Barajakom, Updated at: 08.40
Label: ,

27 komentar:

  1. didariyo23 Mei, 2009 14:50

    makaci kodenya

    BalasHapus
  2. MkiosOnline22 Juni, 2009 02:31

    telkomsel mkiosonline

    BalasHapus
  3. Anonim06 Agustus, 2009 01:15

    Gokil ni Blog .... apa yg gw cari yang berhubungan dengan blogspot atau computer, ad semua disini ...
    makasih banget yaa ...
    ditunggu postingan selanjutnya
    salam sukses selalu

    BalasHapus
  4. Rusli Zainal12 Agustus, 2009 00:04

    Manthap nfonya ini :-)

    BalasHapus
  5. Vis12 Agustus, 2009 00:24

    Thanks banget infonya ya :-) :) ;-)
    Jalan jalan ke sini juga ya : Be My Side

    BalasHapus
  6. pakar bisnis online25 Desember, 2009 22:30

    Tutorial Blognya Mantap

    BalasHapus
  7. Unknown27 Desember, 2009 11:01

    tHANKSSS

    BalasHapus
  8. Muhammad Chandra16 Maret, 2010 19:08

    "terima kasih"

    BalasHapus
  9. Ramdhan21 Maret, 2010 15:09

    Sip.. sip.. sip..

    BalasHapus
  10. lee19 April, 2010 21:30

    tipsnya bagus makasih

    BalasHapus
  11. fikrisu01 Juli, 2010 00:17

    oh ya mas,script cara membuat daftar isi blog secara otomatis kok tidak bisa saya aplikasikan di blog saya. thx

    BalasHapus
  12. tamanbuahhati01 September, 2010 04:22

    Makasih banyak atas tutorialnya, alhamdulillah telah diaplikasikan diblog..

    BalasHapus
  13. gecok06 September, 2010 17:49

    wah thanks yah mas, kunjungan balik ya.
    trims atas infonya

    BalasHapus
  14. eramitra13 Oktober, 2010 21:33

    Makasih Sob, Tutorial ente udah ane bikin and hasilnya muantab. soalnya ane baru belajar ngeblog Oe Sob sukses ya...

    BalasHapus
  15. Anonim27 Januari, 2011 10:51

    matur suwun mbah ♥

    BalasHapus
  16. adam cakep08 Juni, 2011 17:24

    oke makasih banyak bos atas informasiny

    BalasHapus
  17. pelitaonline11 Juni, 2011 02:23

    Web yang bagus,pelitaonline menjadikan web ini sebagai blog pilihan ,terima kasih

    BalasHapus
  18. kata kata bijak11 Juni, 2011 02:25

    kumpulan kata kata bijak cinta dan mutiara hati

    BalasHapus
  19. awaluddinwahab12 Juni, 2011 20:18

    makasi atas infonya..

    BalasHapus
  20. the rule of 7201 November, 2011 19:53

    sulit jika punya bnyak artikel..

    BalasHapus
  21. warnet misda20 November, 2011 22:01

    informasinya oke.....tapi bagusnya untuk satu blog bagusnya ada berapa kategori artikel yah?

    BalasHapus
  22. BLOGCUNAYZ12 Desember, 2011 05:43

    kren gan tapi sekarang udah ada yang otomatis kan?

    trimakasih untuk ilmunya

    BalasHapus
  23. pakDE-Nanto24 Desember, 2011 12:58

    Makasih gan boleh dicoba nih...
    Barangkali lebih seo friendly....

    BalasHapus
  24. ahmad25 Februari, 2012 07:11

    weh... nemu nih... suwun bos

    BalasHapus
  25. j-ris-man26 Februari, 2012 07:33

    makasih bos udah share ,, mangga akh

    BalasHapus
  26. Fitra Khoerul Umam26 Februari, 2012 07:37

    makasih gan mantap daeehh

    BalasHapus
  27. L. Planogia03 Desember, 2012 11:46

    Terima kasih ilmunya mas.....mudah dipahami dan di praktekan.....

    BalasHapus

Langganan: Posting Komentar (Atom)