Browse » » » Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS

Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS

Post by Hori Revens on Monday, August 22, 2011 | 1:57 AM


Assalamu’alaikum wr. wb.
Kali ini blog Horier akan membahas trik Blogger tentang Cara Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS. Membuat Daftar Isi sangatlah penting bagi para pengunjung blog kita, sebab dengan adanya daftar isi maka semua artikel yang ada di blog kita akan terpampang layaknya kita pergi ke restoran dan melihat menu-menu yang disajikan. Nah, bila masih penasaran cara membuat daftar isi sangatlah gampang koq. Untuk live demo-nya ada di daftar isi blog ini. Trik ini aku peroleh dari web-nya Om Abu Farhan.

Cara Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS :
1.     Login ke Blogger – New Post.
2.     Pilih opsi Edit HTML dan masukkan kode berikut.

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
<script src="http://horier.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

3.     Ganti “horier.blogspot.com” dengan alamat temen-temen blogger.
4.     Setelah selesai, tinggal di Post deh.


Mudahkan untuk Membuat Daftar Isi/Sitemap Blog dengan Tampilan CSS, jika teman-teman suka dengan artikel  Cara Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS. Mohon  untuk klik tombol Share ya yang ada dibawah artikel ini.

Blog ini sedang mengukuti Kontes SEO, jadi bila teman-teman tidak keberatan mari kunjungi artikel’ku Top 1 Oli Sintetik Mobil-Motor Indonesia dan mohon dukungannya ya dengan meng-klik tombol Share dibawah artikel tersebut. Terima kasih kepada teman-teman yang mau untuk berpartisipasi, Salam Blogger . . . ^^

Selamat menikmati dan semoga berhasil . . . Alhamdulillah ^^


Posted by Hori Revens at 1:57 AM
Label :




98 Comments:

  • Cek Info
    August 22, 2011 2:30 AM

    uda pernah buat sob, efek jquery kan?
    btw : PERTAMAXXX visitback kwan

  • bajumuslimbagus
    August 22, 2011 3:09 AM

    mksih bnget gan izin copy kode html nya,,sukses selalu

  • Suwardi
    August 22, 2011 7:37 AM

    keren ane cuma sedot Js' nya...
    untuk dihosting sendiri biar ndk lemot..

  • xamthone plus
    August 22, 2011 9:25 AM

    mksih bnyak scriptnya ..
    kebetulan saya baru mulai pke blog.
    sangat bermanfaat

  • Catatan si Boy
    August 22, 2011 10:13 AM

    thnaks mas.. keren bentuknya.. :D

  • Peluang Bisnis Online Tanpa Ribet
    August 22, 2011 11:16 AM

    daftar isi memang penting sob biar pengunjung mudah mencari artikel yg di cari apalagi kalo tersusun seperti yg ada digambar, bagus!

  • Klik menarik
    August 22, 2011 11:25 AM

    Terima Kasih Banyak Mas Atas Tutorial Blognya...
    Sangat Membantu...

  • agen jelly gamat surabaya
    August 22, 2011 8:57 PM

    ok gan info nya sangat menarik banget,,,
    salam kenal ya,,,,

  • Budidaya Pepaya Berkualitas
    August 22, 2011 9:45 PM

    letak edit htpm di wordpres dimana mohon bantuan di
    agro_buah@yahoo.com

  • Top 1 Oli Sintetik Mobil-Motor Indonesia
    August 22, 2011 10:02 PM

    Informasi dari horier, selalu bermanfaat buat blogger lain, salam sukses buat Anda.

    Smoga sukses juga buat kontesnya ya mas....

  • Hori Revens
    August 23, 2011 2:52 AM

    @cek-info : iya sob pake jquery nih, oke kawan thanks ya ^^

    @baju : oke sob, moga berhasil ya

    @suwardi : siip sob

  • Hori Revens
    August 23, 2011 2:57 AM

    @xamthone : iya sob sama", selamat bergabung ya ke dunia blogspot ntar

    @boy : lebih siip kan mas aris, klo butuh trik lain ada di om abu farhan itu bagus"

    @peluang : uda dicoba kan sob? lebih hemat bandwith klo seperti itu

  • Hori Revens
    August 23, 2011 3:03 AM

    @klik : iya sob sama" ya ^^

    @surabaya : iya kawan, salam kenal juga ya

    @agrobuah : aduh klo untuk WP aku tidak sepenuhnya tahu sob coz gag pernah pake WP? maaf ya

  • Hori Revens
    August 23, 2011 3:06 AM

    @pelita : ahh biasa aja sob aku jadi tersandung nih, hehehehe..makasih banyak ya ^^

  • jelly gamat
    August 23, 2011 10:21 AM

    siip,, dengan ada'y daftar isi kita bisa mencari artikel ya mungkin kita butuhkan dengan mudah...
    makasih tas informasinya

  • Black Deviant
    August 23, 2011 4:39 PM

    Udah pernah aku terapin sob,,tapi sekarang ganti lagi..
    thanks infonya.

  • XaOn
    August 24, 2011 11:04 AM

    keren, ane praktekin dulu sob

  • 5 kesalahan blogger pemula
    August 24, 2011 11:35 AM

    wah keren ya mas tampilan CSS nya, tapi saya tetep pake yang biasa saja. :)

  • kayu jabon
    August 24, 2011 1:24 PM

    wong ndeso numpang pinarak BOSS,, hehe

  • bibit jabon
    August 24, 2011 1:25 PM

    oh iya, kiranya sempet mampir dong ke blog saya. thnks

  • jasa ekspedisi
    August 24, 2011 1:26 PM

    berkelana mencari singahan-singahan yang kiranya diperkenankan.. salam smuanya :)

  • jual rumah jakarta selatan
    August 24, 2011 1:27 PM

    Nich yang dari jaksel, nyimak blognya aja ya,,, hee

  • jabon
    August 24, 2011 1:28 PM

    blog aku bahas tentang tanaman

  • obat herbal liver empedu
    August 24, 2011 2:41 PM

    cara ini biar menghjemat tampilan juga ya mas..
    mksih bnyak scriptnyaa

  • pawana
    August 24, 2011 5:25 PM

    makasih banyak infonya Bang. keren.

  • Kang Niam
    August 25, 2011 12:01 AM

    assalamualaikum

    wah keren mas daftar isinya, ini nih yang dicari buat yang lagi belajar ngeblog, langsung dicoba deh

  • Hori Revens
    August 25, 2011 1:31 AM

    @jelly : oke sama"

    @gamat : iya sob bener banget..oke sama"

    @black : yg dulu gag menarik ya sob, coba yg ini deh dijamin mantebs

  • Hori Revens
    August 25, 2011 1:31 AM

    @jelly : oke sama"

    @gamat : iya sob bener banget..oke sama"

    @black : yg dulu gag menarik ya sob, coba yg ini deh dijamin mantebs

  • Hori Revens
    August 25, 2011 1:36 AM

    @xaon : iya sob, moga berhasil ya ^^

    @daw-xp : iya sob gpp itu'kan hak pribadi, hehehe..cuman klo ini lebih hemat bandwith

    @emping : iya sob, tunggu ya ^^

  • Hori Revens
    August 25, 2011 1:42 AM

    @jabon : monggo silakan wae panjenengan pinarak ^^

    @bibit : insyallah sob, coz ini limit bandwith

    @ekspedisi : silakan aja sobat singgah disini asal tidak melakukan komentar aktif coz SPAM

  • Hori Revens
    August 25, 2011 1:45 AM

    @jaksel : iya sob gpp, thanks ya uda mampir jauh-jauh, hehehehehe

    @jabon : iya sob

    @tanaman : makasih aja ke om abu farhan coz aku cuma share koq sob ^^

  • Hori Revens
    August 25, 2011 1:47 AM

    @pawana : iya sama" sob ^^

    @niam : iya sob sama" juga ya, moga berhasil di dunia blogging

  • Ferry I
    August 25, 2011 10:30 AM

    Ntar tak coba mas...bagus kayaknya...
    memberatkan loading blog ndak mas itu...?

  • agen xamthone plus depok
    August 25, 2011 11:33 AM

    bisa penghematan tampilan nihh,.
    mancapp !!

  • agen xamthone plus tangerang
    August 25, 2011 1:37 PM

    saya baru2 nie buat blog,, jadi kurang paham masalah nie....
    v saya coba dlu deh...
    makasih y...

  • amazingers
    August 25, 2011 8:23 PM

    nih dia yang kucari ketemu disini makasih ya infonya

  • Hori Revens
    August 25, 2011 9:34 PM

    @ferry : gag koq mas, klo untuk trik yg ini daftar isinya rapi jadi gag butuh bandwith banyak

    @depok : yoi sob

    @tangerang : moga berhasil ya sob, sukses deh ^^

  • Hori Revens
    August 25, 2011 9:39 PM

    @amazingers : langsung dicoba dunk sob, sukses yah

  • Hori Revens
    August 28, 2011 3:40 AM

    @luka : iya sob, salam kenal juga deh

  • xamthone
    September 9, 2011 1:06 PM

    mantap nie info nya ............

  • Jelly Gamat
    September 14, 2011 6:50 PM

    thanks ats infonya gan bermanfaat..

  • Obat Herbal Darah Tinggi
    September 24, 2011 1:38 PM

    ok juga nih tutorialnya,,
    aku akan langsung coba ke tkp nih

  • Camera CCTV
    October 11, 2011 4:16 PM

    Terimakasih buat om Google, saya nyasar sampai sini. THanks yah infonya

  • Free Joomla Tutorial
    October 11, 2011 4:18 PM

    Waduh dapat info baru nih. Saya bikin secara manual pake ilmu kopas. Agak lama sih dan ribet. Tapii efektif buat SEO dan SEF. Thansk

  • LoKerNesia - Lowongan Kerja Indonesia Terbaru Oktober 2011 - Swasta CPNS BUMN
    October 20, 2011 6:41 PM

    tips yang simple dan bermanfaat untuk para blogger, khususnya saya sendiri :)

    saya juga sudah menerapkan hal semacam ini, dan hasilnya menggembirakan karena selain mudah penerapannya dan maksimal kontribusi atas penerapan daftar isi yang ada di blog kita.

    jadi web kita gampang di crawl oleh search engine.. dan keberadaan web kita semakin jelas.. :)

    thanks atas sharingnya, sukses selalu

    salam sahabat :)

  • obat alami penyakit asam urat
    October 29, 2011 1:55 PM

    oh gitu ya gan caranya .
    thanks buat infonya

  • ajeng rismaniar
    November 5, 2011 8:09 PM

    klo untuk di wordpress gimna caranya??/

  • Peter
    November 10, 2011 1:18 AM

    nah ini yang ane cari" dari dulu gan,
    kirain blogspot gag bisa dikasih sitemap kayak WP :D
    thx gan . . .

  • toy
    November 16, 2011 4:15 AM

    buat wordpress yang simple kodenya ada gak bro?
    ada beberapa skrip, dah tak coba ggal mulu

  • toraja homeland
    November 20, 2011 1:03 AM

    ntar diprakteklah,,,,thanks banyak2,,

  • Situs Otomotif
    December 2, 2011 2:20 PM

    Gan Makasih Banyak yah,. Keep Posting Gan,. Ane Setuju+Sudah dipraktekan sama Ane.,

  • Pasang Iklan Premium Terkirim ke 200 Web
    January 6, 2012 8:28 PM

    Waaaahhh, ini say saya cari-cari sudah lama sampai lupa, Terimakasih banyak atas ilmunya, semoga bermanfaat dan mendapat balasan yang setimpal dr YME..

  • obat tradisional stroke
    January 14, 2012 8:46 AM

    gampang banget gan triknya..
    makasih deh atas sgalanya...

  • tips diet
    January 15, 2012 4:37 AM

    keren nih tampilan komennya

  • webdesain
    January 17, 2012 10:43 AM

    thanks ya , sangat membantu infonya ..

  • reachschools.org
    January 17, 2012 8:07 PM

    Bentuk tampilannya seperti apa ya?

  • jugglingart.org
    January 17, 2012 8:12 PM

    bisa buat platform mana aja ni gan ?blogspot, wordpress?

  • dwarfhammies.org
    January 17, 2012 8:15 PM

    Sitemap is useful for maximizing SEO

  • bevelyn.info
    January 17, 2012 8:22 PM

    It would be useful for blogpreneur

  • maselino.com
    January 17, 2012 8:23 PM

    thanks for the info. Work on it right away

  • oceanoffish.blogspot.com
    January 17, 2012 8:26 PM

    thanks gan. infonya bermanfaat. Ini bisa buat wordpress?

  • satuwaktu.net
    January 17, 2012 8:29 PM

    Thanks for the trik. Tapi buat wordpress bisa gak ya? contoh tampilannya mana ya?

  • obat alami batuk bedarah
    January 20, 2012 3:14 PM

    o begitu yaa terima kasih banyak ya gan atas infonya

  • obat tradisional batuk berdarah
    January 23, 2012 2:23 PM

    mantabb sekali pertamax
    di tunggu sekali kunjungan baliknya yaa mas brow

  • blogger remaja
    February 6, 2012 9:33 AM

    wah sip makasih... moga berhsail saya coba

  • Obat Tradisional Penyakit Jantung
    February 7, 2012 9:06 AM

    kebetulan saya baru belajar blogspot gan..
    makasih yah..

  • obat herbal kanker darah
    February 15, 2012 10:07 AM

    dengan adanya daftar isi memudahkan pengunjung untuk mencari artikel yang sudah kita tulis

  • Teknik Sipil dan Perencanaan
    February 15, 2012 10:29 AM

    nice post
    salam kenal ya..
    terima kasih :)

  • obat diabetes
    February 29, 2012 8:28 AM

    blm ngerti banget nih tentang CSS

  • Nurul Mahmud
    March 12, 2012 3:35 PM

    topmarkotop sob
    http://callygraphycenter.blogspot.com/

  • cara mengobati darah tinggi
    March 14, 2012 9:27 AM

    mksih ya smoga saja bermafaat untuk smua nya

  • Citayam Factory
    March 26, 2012 2:54 AM

    Memang mantap sih menu akordeon ini tapi membuat loading blog menjadi berat.

  • bendiz
    March 26, 2012 3:00 PM

    2 jempol for this site

  • PGTK DARUNNAJAH
    April 5, 2012 10:22 PM

    maksih infonya,,,,,lam knl ya

  • Cara ampuh mengobati Asam Urat
    April 7, 2012 10:53 AM

    mmh kayanya mesti dicoba tuuhh diblog saya..makasih infonya gan..ditunggu info2 selanjutnya..

  • faza bachkim
    April 8, 2012 5:23 AM

    hari ini sya cek dah gak bisa gan
    error..

    Detect malware
    aa yang laen gak?
    makasih

    http://androidappmarkets.blogspot.com/#

  • Pengobatan alami migren
    May 10, 2012 9:09 AM

    langsung jadi gak nih min. . apa perlu setttingan lagi lainnya.

  • andik.tatawarna
    May 19, 2012 11:27 AM

    keren, ijin copas html nya.

    • Post a Comment

    Mari kita saling voting dan berkomentar. Jika kalian suka dengan artikel ini, ayo kita "Share" untuk membagikan informasi ini kepada teman yang lain agar lebih bermanfaat. Terima kasih banyak saya ucapkan, Salam Blogger teman . . .

    Subscribe to: Post Comments (Atom)