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

Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS

Post by Unknown 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 Unknown at 1:57 AM
Label :




141 Comments:

  • Cek Info
    August 22, 2011 at 2:30 AM

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

  • bajumuslimbagus
    August 22, 2011 at 3:09 AM

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

  • blog or web
    August 22, 2011 at 7:37 AM

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

  • xamthone plus
    August 22, 2011 at 9:25 AM

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

  • Aris
    August 22, 2011 at 10:13 AM

    thnaks mas.. keren bentuknya.. :D

  • Peluang Bisnis Online Tanpa Ribet
    August 22, 2011 at 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 at 11:25 AM

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

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

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

  • Budidaya Pepaya Berkualitas
    August 22, 2011 at 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 at 10:02 PM

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

    Smoga sukses juga buat kontesnya ya mas....

  • Unknown
    August 23, 2011 at 2:52 AM

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

    @baju : oke sob, moga berhasil ya

    @suwardi : siip sob

  • Unknown
    August 23, 2011 at 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

  • Unknown
    August 23, 2011 at 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

  • Unknown
    August 23, 2011 at 3:06 AM

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

  • jelly gamat
    August 23, 2011 at 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 at 4:39 PM

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

  • XaOn
    August 24, 2011 at 11:04 AM

    keren, ane praktekin dulu sob

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

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

  • kayu jabon
    August 24, 2011 at 1:24 PM

    wong ndeso numpang pinarak BOSS,, hehe

  • bibit jabon
    August 24, 2011 at 1:25 PM

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

  • jasa ekspedisi
    August 24, 2011 at 1:26 PM

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

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

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

  • jabon
    August 24, 2011 at 1:28 PM

    blog aku bahas tentang tanaman

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

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

  • pawana
    August 24, 2011 at 5:25 PM

    makasih banyak infonya Bang. keren.

  • Kang Niam
    August 25, 2011 at 12:01 AM

    assalamualaikum

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

  • Unknown
    August 25, 2011 at 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

  • Unknown
    August 25, 2011 at 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

  • Unknown
    August 25, 2011 at 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 ^^

  • Unknown
    August 25, 2011 at 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

  • Unknown
    August 25, 2011 at 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 ^^

  • Unknown
    August 25, 2011 at 1:47 AM

    @pawana : iya sama" sob ^^

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

  • Abu Hamizan
    August 25, 2011 at 10:30 AM

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

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

    bisa penghematan tampilan nihh,.
    mancapp !!

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

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

  • amazingers
    August 25, 2011 at 8:23 PM

    nih dia yang kucari ketemu disini makasih ya infonya

  • Unknown
    August 25, 2011 at 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 ^^

  • Unknown
    August 25, 2011 at 9:39 PM

    @amazingers : langsung dicoba dunk sob, sukses yah

  • Unknown
    August 28, 2011 at 3:40 AM

    @luka : iya sob, salam kenal juga deh

  • xamthone
    September 9, 2011 at 1:06 PM

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

  • Jelly Gamat
    September 14, 2011 at 6:50 PM

    thanks ats infonya gan bermanfaat..

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

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

  • Camera CCTV
    October 11, 2011 at 4:16 PM

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

  • Free Joomla Tutorial
    October 11, 2011 at 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 at 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 at 1:55 PM

    oh gitu ya gan caranya .
    thanks buat infonya

  • ajeng rismaniar
    November 5, 2011 at 8:09 PM

    klo untuk di wordpress gimna caranya??/

  • Peter
    November 10, 2011 at 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 at 4:15 AM

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

  • toraja homeland
    November 20, 2011 at 1:03 AM

    ntar diprakteklah,,,,thanks banyak2,,

  • Situs Otomotif
    December 2, 2011 at 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 at 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 at 8:46 AM

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

  • webdesain
    January 17, 2012 at 10:43 AM

    thanks ya , sangat membantu infonya ..

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

    Bentuk tampilannya seperti apa ya?

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

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

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

    Sitemap is useful for maximizing SEO

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

    It would be useful for blogpreneur

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

    thanks for the info. Work on it right away

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

    thanks gan. infonya bermanfaat. Ini bisa buat wordpress?

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

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

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

    o begitu yaa terima kasih banyak ya gan atas infonya

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

    mantabb sekali pertamax
    di tunggu sekali kunjungan baliknya yaa mas brow

  • blogger remaja
    February 6, 2012 at 9:33 AM

    wah sip makasih... moga berhsail saya coba

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

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

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

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

  • obat diabetes
    February 29, 2012 at 8:28 AM

    blm ngerti banget nih tentang CSS

  • Nurul Mahmud
    March 12, 2012 at 3:35 PM

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

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

    mksih ya smoga saja bermafaat untuk smua nya

  • Citayam Factory
    March 26, 2012 at 2:54 AM

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

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

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

  • Unknown
    April 8, 2012 at 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 at 9:09 AM

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

  • obat tradisional kanker prostat
    July 30, 2012 at 10:44 AM

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

  • obat herbal diabetes melitus
    October 20, 2012 at 2:29 PM

    dengan tampilan seperti ini bisa membuat visitor blog betah berlama-lama di blog kita

  • Vandawablog
    November 23, 2012 at 2:17 AM

    Mantap sob...
    terimakasih atas infonya gan...
    di tunggu kunjungannya

  • Ilmu Nyentrik
    November 23, 2012 at 2:18 AM

    trimakasih atas ilmunya sob...
    n dalam kenal
    jangan lupa berkunjung sob......

  • ricanadfunds indonesia
    February 20, 2013 at 3:08 PM

    info yang sangat bermanfaat. maju & sukses selalu gan..

  • Lutvie Alexa
    May 17, 2013 at 9:19 PM

    Terimakasih gan sharenya,, artikelnya sangat bermanfaat sekali ,menarik ,artikelnya juga sangat bagus
    sukses ya

  • Company Profile , Jasa Desain Website , Desain Company Profile
    June 7, 2013 at 9:15 AM

    itu bisa langsung update sendiri gak gan klo ada posting baru?
    makasih infonya semoga bermanfat

  • Desain Company Profile
    July 1, 2013 at 9:52 AM

    Terimakasih bnayak atas informasinya :)

  • syabany
    July 10, 2013 at 1:40 PM

    terimakasih atas informasinya sangat bermanfaat

  • Rendi
    July 24, 2013 at 10:39 AM

    terimakasih informasi dan tutorial lengkapnya,, hampir semua ada di blog sini..

  • obat tradisional ace maxs
    October 8, 2013 at 9:15 PM

    complit bgt infonya,moga bermanfaat makasi

  • megahrental
    October 31, 2013 at 2:26 PM

    terimakasih atas infonya! mantap dan berguna buat saya!

  • alat pengusir tikus
    January 25, 2014 at 10:49 AM

    makasih infonya, saya lagi belar banyak..
    semoga bermanfaat, sukses buat admin..

  • Agen Bola Promo 100% SBOBET IBCBET Casino Poker Tangkas Online
    February 1, 2014 at 8:52 PM

    Fungsi sitemap memang termasuk salah satu yang penting dalam seo,, mantap infonya sob

  • Desain Company Profile
    March 5, 2014 at 9:17 AM

    TERIMAKASIH INI MEMBANTU
    SALAM KENAL :)

  • Agen Xhamtone plus
    May 2, 2014 at 11:02 AM

    Sangat inofatif gan infonya.. sukses sllu.

  • Jual Xhamthone Plus
    May 2, 2014 at 11:03 AM

    smga brmanfaat sllu gan infonya bagus.

  • obat diet aman
    May 21, 2014 at 10:55 AM

    postingnya sangat bagus bermanfaat semoga sukses slalu

  • yasmin.lisa
    July 15, 2017 at 12:38 AM

    Ayo segera bergabung bersama kami di serasiqq Agen Poker & Domino QQ Online TERBAIK dan TERPERCAYA Se-ASIA
    Nikmati promo-promo menarik dari kami ;
    -BONUS CASHBACK TERBESAR mencapai 0.5% TANPA SYARAT
    -BONUS REFERRAL 10% SEUMUR HIDUP
    -EXTRA BONUS REFERRAL 10%
    Kelebihan serasiqq :
    * Minimal Deposit sangat TERJANGKAU, Hanya Rp. 10.000,-
    * Minimal Wd Rp. 20.000,-
    * Tidak ada maksimal Withdraw (menang berapa aja pasti di bayar)
    * Jackpot hingga Ratusan JUTA rupiah
    * Proses Depo dan WD SUPER CEPAT
    * Bisa dimainkan di Android, Iphone dan Ipad
    * CS yang Ramah dan Profesional siap melayani 24jam Online
    * Dalam 1 ID dapat memainkan 7 Games : Aduq, bandarQ, Domino QQ, Poker, capsa, BandarPoker dan sakong
    * Transaksi via BCA, MANDIRI, BRI dan BNI
    * 100% TANPA ROBOT Real Player vs Player
    Mari bergabung dengan kami "serasiqq"
    Agen Poker dan Domino Terbaik dan Terpercaya
    Penasaran mau daftar ?
    Untuk info selengkapnya silahkan hubungi kami di :
    - PIN BB : 22BE23ERD
    - YMail : cs_serasiqq@yahoo.com
    - LINE : serasiqq

  • Pembuat Artiker
    October 13, 2019 at 12:48 PM

    Selamat Datang di BandarLotus4D

    Situs Agen Togel Online dan Live Dingdong Terlengkap.
    Mainkan 8 Pasaran Togel & 5 Jenis Live Dingdong Ball Hanya dengan 1 (SATU) USER ID.

    Dapatkan Promo & Bonus BandarLotus4D !!
    - Bonus 10% New Member
    - Bonus 2% Deposit Harian
    - Bonus 1% Cashback Mingguan
    - Bonus Referral 1% Mingguan

    Hadiah Pembayaran TOGEL
    4D X 9.500
    3D X 980
    2D X 98

    agen togel sgp

    Website kami : Bandarlotus4d.net

    • 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)