Jangan takut jatuh, karena yang tidak pernah memanjatlah yang tidak pernah jatuh. Jangan takut gagal, karena yang tidak pernah gagal hanyalah orang-orang yang tidak pernah melangkah. Jangan takut salah, karena dengan kesalahan yang pertama kita dapat menambah pengetahuan untuk mencari jalan yang benar pada langkah yang kedua.

Adsense

  1. Cara Daftar Google Adsense dari Blogspot

Android

  1. Cara Mudah Membuat Website atau Blog Menjadi Aplikasi Android Apk

Art Photography

  1. Akhirnya, Selamat kepada Mbak Ekka dan Mas Adit
  2. Art Photography_Part 1.. diriku di stasiun tawang
  3. Semoga ini yg Terbaik.. Mbak Eka dan Mas Adit
  4. Teruntuk Mbak Ekka & Mas Adit, Selamat Menempuh Hidup Baru
  5. Wisata Telomoyo Negeri di atas Awan - Baru!!

Artikel Matematika

  1. 5 Kampus dengan Jurusan Matematika Terbaik di Indonesia
  2. Berbahasa Matematika Itu Sederhana Tetapi Tidak Gampang!!
  3. Keunikan Bilangan Imajiner
  4. Kumpulan E-Book, materi, software matematika, ataupun tentang PKM dan PMW, Bisa di download disini..
  5. MATEMATIKA menjadi Jurusan Terbaik di UNDIP
  6. Matlab dalam Matematika, utamanya untuk Sistem Kontrol
  7. Tokoh Matematik Islam
  8. ilmu matematika

Buku Inspiratifku

  1. Jejak Sang Kala: Dari Big Bang Hingga Lubang Hitam
  2. [Review] Dengan Passion, Hobi pun Bisa Berubah jadi Duit!

Cinta

  1. Akhirnya, Selamat kepada Mbak Ekka dan Mas Adit
  2. Art Photography_Part 1.. diriku di stasiun tawang
  3. Panggilan Sayang
  4. Semoga ini yg Terbaik.. Mbak Eka dan Mas Adit
  5. Tentang cinta sejati ini..
  6. Teruntuk Mbak Ekka & Mas Adit, Selamat Menempuh Hidup Baru

Computer Science

  1. Beda Teknik Informatika, Ilmu Komputer, Teknik Komputer, Sistem Informasi (uraian Panjang)
  2. MATEMATIKA menjadi Jurusan Terbaik di UNDIP
  3. Perbedaan Jurusan dalam peminatan komputer (Uraian singkat dari Ilkom UNDIP)
  4. Pilihan Jenjang Karir yang Ambigu
  5. Suara Misterius di Angkasa Disebabkan Angin dari Matahari

Coretan Hati

  1. 'Menulislah'.. Yuk kita Menulis
  2. Akhirnya datang juga, hai Wisuda
  3. Aku Masih Versi Beta
  4. Ayo Semangat KKN
  5. Berawal dari Sebuah Surat, karena Dia Manusia Biasa - Baru!!
  6. Berbahasa Matematika Itu Sederhana Tetapi Tidak Gampang!!
  7. Dahsyatnya taubat nasuha
  8. Falsafah Sebuah Kehidupan
  9. Fatamorgana dalam Demokrasi PilPres
  10. Hadiah tak langsung dari Pak Jendral
  11. Hari yang Sama
  12. Hidup Adalah Sebuah Proses Penciptaan dari Diri Anda Sendiri
  13. Ironi Kehidupanku
  14. Kata Klise yang tidak diharapkan.
  15. Kertas lama dari kawanku
  16. Kesadaranku Yang Lama
  17. Ketulusan Cinta dan Air Mata
  18. Kutipan Harapan dalam Renungan
  19. Layakkah Aku bersamamu di Syurga, wahai Sahabat???
  20. Lembaran kertas kehidupan
  21. Lulus Kuliah
  22. MATEMATIKA menjadi Jurusan Terbaik di UNDIP
  23. Maafkan aku wahai sahabatku...
  24. Maha Karya yang tertunda
  25. Matematika all the way, semoga benar untukku.
  26. Melihat Sisi Lain Pekerjaan Seorang Sainstis Ternyata Cukup Luas
  27. Oh skripsi.
  28. Pengalaman Bekerja Sebagai Credit Marketing Officer atau CMO (Marketing Kredit Mobil) di PT Suzuki Finance Indonesia - Baru!!
  29. Prinsip- prinsip Utama Umat Islam Dalam Menjalani Hidup
  30. Renungan Tentang Sukses
  31. Semangat toga sarjana dari temanku
  32. Surat Kerinduan dan Pesanku Untukmu Sahabat
  33. Tembok Bukanlah Solusi Untuk Membangun Bangsa. Maka Apa Yang Harus Kita Lakukan?
  34. Terasa Berbeda
  35. Untukmu wahai Pahlawan
  36. Wisata Telomoyo Negeri di atas Awan - Baru!!
  37. andimensi, lahir sebuah nama dari dimensi banyak
  38. ayo Anditia, Tetap Yakin dan Semangat
  39. dalam keberanian disanalah ada harapan
  40. tentang akhir di awal pendakian sebenarnya

Design

  1. Makna Warna dalam Desain
  2. andimensi, lahir sebuah nama dari dimensi banyak

Esay

  1. Melihat Sisi Lain Pekerjaan Seorang Sainstis Ternyata Cukup Luas
  2. Pencitraan Hanya Membuahkan Kekecewaan yang Mendalam

Inspirasi Muda

  1. 'Menulislah'.. Yuk kita Menulis
  2. 5 Kampus dengan Jurusan Matematika Terbaik di Indonesia
  3. Aku Masih Versi Beta
  4. Asimetri Sarjana Sains & Sarjana Sosial
  5. ENTREPRENEUR ATAU FREELANCER ANDA MAU YANG MANA?
  6. Ingatanku dalam 5CM Quotes
  7. KEKUATAN MOTIVASI
  8. Kisah Si Anak Kecil
  9. Kuliah sambil kerja.. bisa Seimbangkah?
  10. MIPA tak Miskin Prospek Kerja
  11. Matematikawan, Problem Solver di Industri Migas
  12. Memaknai Sejarah Perjuangan di Hari Kartini
  13. Mencari Pengalaman Kerja Tak Harus dengan Loncat-Loncat Perusahaan - Baru!!
  14. Menjadi Dosen di Indonesia
  15. Moshe Kai Cavalin, Bocah Jenius Bergelar Sarjana di Usia 11 Tahun
  16. Pengalaman Bekerja Sebagai Credit Marketing Officer atau CMO (Marketing Kredit Mobil) di PT Suzuki Finance Indonesia - Baru!!
  17. Pengembangan Diri Mahasiswa untuk Sukses
  18. metamorphose menjadi seperti kupu-kupu.

IslaMedia

  1. 5 Prinsip Membangun Keluarga Bahagia
  2. Berbahasa Matematika Itu Sederhana Tetapi Tidak Gampang!!
  3. Dahsyatnya taubat nasuha
  4. ISRA DAN MI’RAJ KE LANGIT DAN SHALAT FARDLU LIMA WAKTU
  5. Keutamaan Orang yang Berilmu
  6. Layakkah Aku bersamamu di Syurga, wahai Sahabat???
  7. Makna Berkurban di Hari Raya Idhul Adha
  8. Memaknai hubbud Dunya dari diri sendiri
  9. Panggilan Sayang
  10. Pengetahuan tentang Semesta dalam Diri
  11. Prinsip- prinsip Utama Umat Islam Dalam Menjalani Hidup
  12. Rahasia Iblis yang Terungkap
  13. Syirik serta Bahayanya
  14. Tiga Prinsip Islam

Jobseeker

  1. TAKTIK UNTUK MENGHADAPI SELEKSI KERJA - Baru!!
  2. Hard skills dan Soft Skills dalam Dunia Pekerjaan
  3. Mencari Pengalaman Kerja Tak Harus dengan Loncat-Loncat Perusahaan - Baru!!
  4. Mengupas Tuntas Pekerjaan Relationship Officer (RO)
  5. Pengalaman Bekerja Sebagai Credit Marketing Officer atau CMO (Marketing Kredit Mobil) di PT Suzuki Finance Indonesia - Baru!!
  6. Pengalaman Confirmatory Tes dan Psikotes BPJS Ketenagakerjaan atau BPJSTK 2017
  7. Pengalaman Melamar di BPJS Ketenagakerjaan atau BPJSTK 2017
  8. Psikotes PT Kalbe Farma tanggal 27 Februari 2017
  9. Tips membuat SKBN (Surat Keterangan Bebas Narkoba) di Semarang sebagai persyaratan Kerja 2017

KKN Tratemulyo

  1. Reportase KKN PPM Tim 1 Undip Tratemulyo
  2. Selembar Suratku dalam Kenangan KKN Tratemulyo

Kampus

  1. Suara Misterius di Angkasa Disebabkan Angin dari Matahari

Kemerdekaan

  1. Fakta Menarik Mengenai Uang Baru Pecahan Rp 75.000, Apa Saja? - Baru!!

Kisah Penuh Hikmah

  1. Berawal dari Sebuah Surat, karena Dia Manusia Biasa - Baru!!
  2. Hidup Adalah Sebuah Proses Penciptaan dari Diri Anda Sendiri
  3. Hikmah Tentang Kaya Dan Sholeh
  4. Memaknai hubbud Dunya dari diri sendiri
  5. Tembok Bukanlah Solusi Untuk Membangun Bangsa. Maka Apa Yang Harus Kita Lakukan?

Komputer

  1. Menghitung Biaya Listrik Bulanan yang dihabiskan PC kita! - Baru!!
  2. Yang Perlu Dipersiapkan Sebelum UPGRADE RAM LAPTOP NOTEBOOK

Kumpulan Film PendekKu

  1. Kenanganku dalam sebuah Film

Kumpulan Tugas

  1. TugasTI - Dampak Perkembangan Teknologi Informasi

Math Undip

  1. Ayo Semangat KKN
  2. Berbahasa Matematika Itu Sederhana Tetapi Tidak Gampang!!
  3. Kenangan PKM Jakarta-Surakarta-Yogyakarta
  4. Kertas lama dari kawanku
  5. Kumpulan E-Book, materi, software matematika, ataupun tentang PKM dan PMW, Bisa di download disini..
  6. MATEMATIKA menjadi Jurusan Terbaik di UNDIP
  7. Maha Karya yang tertunda
  8. Oh skripsi.
  9. Semangat toga sarjana dari temanku
  10. Sisi Lain Perjalanan PKM

My Adventure

  1. Wisata Telomoyo Negeri di atas Awan - Baru!!

SEO

  1. Cara Menampilkan Widget Blog pada Versi Mobile
  2. Cara Mengecek Situs Atau Blog Mobile Friendly Atau Tidak
  3. Cara Mudah Membuat Website atau Blog Menjadi Aplikasi Android Apk
  4. Referensi Tempat Download Template Blog Terbaik di Indonesia

Tips & Trik

  1. Apa Perbedaan Tes TOEFL PBT, CBT, dan IBT
  2. Mencari Pengalaman Kerja Tak Harus dengan Loncat-Loncat Perusahaan - Baru!!
  3. Menghitung Biaya Listrik Bulanan yang dihabiskan PC kita! - Baru!!
  4. Yang Perlu Dipersiapkan Sebelum UPGRADE RAM LAPTOP NOTEBOOK

Toefl

  1. Apa Perbedaan Tes TOEFL PBT, CBT, dan IBT

Tutorial Blog

  1. CARA MEMBUAT ANIMASI PESAN DENGAN JQUERY ROTATOR DI BLOGGER
  2. Cara Daftar Google Adsense dari Blogspot
  3. Cara Lengkap tampil atau sembunyikan Widget di Homepage
  4. Cara Memasang File Dokumen Word, Excel, PPT dan PDF Ke Blog atau Website
  5. Cara Memasang Widget Timeline Twitter dan Lencana Google Plus di Blog dengan Mode Script
  6. Cara Membuat Archive Blog atau Daftar Isi Blog lebih baik di Laman Blog
  7. Cara Membuat Blogroll untuk Daftar Link
  8. Cara Membuat Kaligrafi Bismillah pada awal postingan Blog
  9. Cara Membuat Link Pelangi Warna-Warni di Blog
  10. Cara Membuat Permalink SEO Dan Keren Di Bawah Postingan Blog
  11. Cara Membuat Related Post dengan Gambar
  12. Cara Membuat Spoiler (AutoHide) di postingan Blog
  13. Cara Membuat Tombol Share dengan Efek Slide di Blog
  14. Cara Membuat Widget 3 in 1 Melayang (Blogger, Twitter, Facebook)
  15. Cara Menambahkan 4 elemen Baru di Atas Footer
  16. Cara Menambahkan Tombol Show Hide pada Sidebar Blog
  17. Cara Menampilkan Widget Blog pada Versi Mobile
  18. Cara Mendaftarkan Blog Ke Google Search Engine dan Google Webmaster Tools
  19. Cara Mengecek Situs Atau Blog Mobile Friendly Atau Tidak
  20. Cara Mengganti Tampilan Scroll Bar di Blog
  21. Cara Mudah Membuat Blockquote secara Otomatis pada Postingan Blog
  22. Cara Mudah Membuat Website atau Blog Menjadi Aplikasi Android Apk
  23. Cara Mudah Membuat Widget Galeri Gambar Dilengkapi Dengan Tombol Kontrol di Blog Sendiri
  24. Cara Tercepat Memasang Widget Recent Post Bergambar
  25. Cara membuat Link pada Header Blog
  26. Cara membuat scroll pada Label, Blog Archive atau widget lainnya
  27. Dasar-Dasar HTML (Hyper Text Mark up Language)
  28. Makna Warna dalam Desain
  29. Membuat Author Box Responsive Dengan Css
  30. Membuat Daftar Isi Blog Keren 2013 Sesuai Label
  31. Membuat Daftar Isi Blog Paling Keren 2013 versi 2
  32. Membuat Kontak Mail, LinkedIn, Facebook, BBM, Whatsapp dan Line Keren di Blog
  33. Membuat Push Down Panel Dengan CSS3 di Blog
  34. Membuat Widget Hanya Tampil Di Homepage (Halaman Awal)
  35. Mengganti Older Post dengan angka
  36. Referensi Tempat Download Template Blog Terbaik di Indonesia
  37. Tabel Hex Code Warna untuk Blog atau Website
  38. Trik Membuat Widget Recent Comment di Blog

Widget

  1. Cara Memasang Widget Timeline Twitter dan Lencana Google Plus di Blog dengan Mode Script
  2. Cara Mudah Membuat Widget Galeri Gambar Dilengkapi Dengan Tombol Kontrol di Blog Sendiri

pendidikan

  1. Menyikapi Sistem Pendidikan di Masa Pandemik Covid-19 - Baru!!

psikotes

  1. Apa Perbedaan Tes TOEFL PBT, CBT, dan IBT
  2. Hard skills dan Soft Skills dalam Dunia Pekerjaan
  3. Pengalaman Confirmatory Tes dan Psikotes BPJS Ketenagakerjaan atau BPJSTK 2017
  4. Pengalaman Melamar di BPJS Ketenagakerjaan atau BPJSTK 2017
  5. Psikotes PT Kalbe Farma tanggal 27 Februari 2017
  6. Tips membuat SKBN (Surat Keterangan Bebas Narkoba) di Semarang sebagai persyaratan Kerja 2017

@Caang

Daftar Isi

Monday, July 15, 2013

Membuat Daftar Isi Blog Paling Keren 2013 versi 2



Daftar isi atau sering disebut sitemap ini adalah daftar semua artikel posting yang ada dalam satu blog. Dengan kita membuat daftar isi blog keren otomatis tentunya hal ini akan menimbulkan dampak yang positif pada blog kita karena pengunjung pun akan lebih mudah untuk menelusuri semua halaman yang ada pada blog kita dan akhirnya pengunjung pun akan jatuh hati pada blog kita dan ingin terus balik lagi untuk mengunjungi blog kita.

Daftar isi banyak sekali jenisnya tergantung dari kesukaan masing masing orang saja. Nah, kali ini saya akan posting bagaimana membuat daftar isi keren dan otomatis dengan efek jquery accordion.

Seperti artikel sebelumnya yaitu “membuat daftar isi blog keren 2013 sesuai table”. Untuk tutorial ini sebenarnya hampir sama dari tampilan dan fungsinya, dari kalau boleh coment untuk widget yang satu ini memiliki kelebihan yakni tampilannya yang lebih dinamis.

Untuk itu dapat dilihat contoh penerapannya pada link di bawah:


Berikut langkah langkah pembuatannya :
  • Login Ke akun Blogger
  • Klik Laman [Daftar Isi akan di buat di sebuah Halaman]
  • Klik Laman Baru lalu pilih Laman Kosong [klik HTML]
  • Copy paste Code di bawah ini : 
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.blogger.com/blogger.g?blogID=6984301103846628017" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="http://reader-download.googlecode.com/svn/trunk/acc-toc-labelsort-default.css" media="screen" rel="stylesheet" type="text/css"></link> <script type="text/javascript">var showNew    = true,    accToc     = true,    openNewTab = true,    maxNew     = 10,    baru       = "New!!!",    sDownSpeed = 600,    sUpSpeed   = 600;</script> <script src="http://my-project-daftari-isi.googlecode.com/files/daftar-halaman.js" type="text/javascript"></script> <script src="http://anditiamath.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Keterangan :
  • baru = Tulisan yang akan ditampilkan di samping judul artikel baru
  • maxNew = Jumlah Artikel yang akan terdapat tulisan "Baru Niee !"
  • sDownSpeed = Kecepatan membuka daftar Label
  • sUpSpeed = Kecepatan menutup daftar Label 
  • ganti url blog dengan urlt blog anda
Daftar isi  ini merupakan hasil karya dari Abu farhan (www.abu-farhan.com). Daftar isi tersebut akan memisahkan tiap label artikel blog dan diurutkan berdasarkan waktu terbit artikel. Artikel juga akan secara otomatis akan berada di daftar isi tersebut jika di beri label.

Demikianlah  semoga bermanfaat dan Selamat mencoba !

Diruang yang sederhana ini, saya mencoba berkarya meskipun hanya di dunia maya.

Silahkan tambahkan komentar Anda, Semoga dapat sama-sama membangun. Terima kasih.
EmoticonEmoticon

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:o
:>)
(o)
:p
:-?
(p)
:-s
8-)
:-t
:-b
b-(
(y)
x-)
(h)

Video

loading videos
Loading Videos...