Cara membuat daftar isi blog kali ini berbeda dengan sebelumnya, baik tampilan maupun script yang akan digunakan, saya pribadi lebih suka dengan daftar ini (content) karena bisa menampilkan seluruh judul postingan dan dikelompokkan sesuai dengan label masing-masing judul. Jadi kalo postingan kita buat tanpa menggunakan label, besar kemungkinan judul postingan tidak akan muncul didalam daftar ini.
Daftar isi (content) ini saya bagi menjadi dua bagian, yaitu Daftar isi ditampilkan pada satu halaman penuh dan Daftar isi ditampilkan pada halaman depan blog
Cara pertama adalah jika kita ingin menampilkan daftar isi ini dihalaman depan blog kita, agar setiap pengunjung dapat melihat daftar isi blog kita tiap kali mengunjungi blog kita
Contohnya sebagai berikut :
Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat
5. Kopas kode di bawah ini
- <div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
namablog.blogspot.com : ganti dengan alamat blog sobat
width:430px : Ganti Lebar sesuai dengan yang sobat inginkan, sesuaikan dengan template
height:120px : Ganti tinggi nya sesuai dengan keinginan sobat
6. Kemudian save dan letakkan sesuai dengan keinginan sobat.
Kemudian cara kedua saya akan bahas Daftar isi yang akan ditampilkan pada satu halaman penuh
Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih New post
3. Pilih Edit HTML pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau judul apapun sesuai keinginan sobat.
5. Copy paste script berikut ini :
- <script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://alamatblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
6. Klik Publish Post
Jadi deh, hasilnya atau sebagai contih dapat dilihat disini.
Kalo sobat mau Bitcoin Gratis coba lihat disini >> BITCOIN GRATIS
thx sharing-annya..
BalasHapusane blm perna coba..
tar ya kpn2 ane coba..
lg dikejar kerjaan nih..
LoLs
akan saya coba saat waktu luang
BalasHapusok sobat...
BalasHapuskeren infonya...
memang kita memerlukan daftar isi bwt pengnjung kita
Nice info....
BalasHapusmaksih info nya....coba ah......
BalasHapuswah Aku pernah coba tuh tapi gagal maning2 mgagal maning hehhee
BalasHapuswah bagus nih boz, copas dulu, kapan-kapan dicoba, makasih boz :D
BalasHapusmantab kag :D
BalasHapusaku sudah pakai dan berhasil. trims yah
BalasHapusmksh info-y ni boleh dicoba....!!! thanks lams knal dr chugygogog.blogspot.com
BalasHapussip mas infonya...follow balik mas ya
BalasHapuskoq ga muncul ya, dah q coba, padahal postingnya ada kategori nya semua....
BalasHapusgmuncul bos..
BalasHapusthanx atas informasinya...
BalasHapusjngan lpa link ny ya...
Mantap gan, ijin sedot scriptnya...
BalasHapusthanks bro atas infonya mengenai daftar isi dan tentunya trik2 yang lainnya juga. sangat bermanfaat bagi saya yang baru belajar bikin blog. tolong dong di linkback ya blog saya.
BalasHapusWah seru juga nih tipsnya...
BalasHapushmmm tips yang bermanfaat mas,boleh dicoba diterapkan di blog saya
BalasHapusterimakasih sharingnya
Sukses Slalu!
Tipsnya bagus, tolong tambahin juga dong gimana biar daftar isi tsb bisa berurutan dari yang paling baru (tapi tetap per label)
BalasHapusMantap sob..trims share info nya..jangan lupa kunjungan balik anda sangat kami harapkan
BalasHapusKeren ...Membuat daftar isi blog emang penting biar pengunjung mudah nyari ya...
BalasHapusOk nih sharingnya. Salam kenal.
BalasHapuskalau wordpress gimana?
BalasHapusyee
BalasHapusmangstabssss, nanti deh dicoba :D
BalasHapuseh.......
BalasHapuslebih mangstabs lagi GA-nya muncul terus,
padahal postingan bahasa endonesah.
ubek-ubek dulu ah postingan disini,
barangkali aja nemu (dance)
Terima kasih banyak ...pokoknya mantap.
BalasHapusArtikel yang mantap sobat....nanti ane pratekin dah...
BalasHapusThanks atas artikelnya, berguna sekali bagi saya sebagai newbie
BalasHapusKalo buat feed recent comment bagaimana ?
BalasHapuswah..makasih sob..bagus tampilanya..
BalasHapuslgsg di coba neh..
ayoooo di-update...
BalasHapusterima kasih atas sharingnya :)
BalasHapusTuwop ilmunya... kayaknya saya butuh nech...
BalasHapusmangtafff
BalasHapuslangsung dicuba ah
nice info,, ntar aq coba2 ahh,, hehehe...
BalasHapussayangnya sekarang lagi fokus di wordpress blog. ntar di tes di blogger blog ku, makasih atas infonya nih, berguna banget.
BalasHapuswAH makasih mas atas petunjuknya...
BalasHapusnumpang nanya, itu discriptnya ada script contents.js itu dapat darimana? Kok script itu tidak ditutorialkan. Kayaknya akan legih lengkap kalau sekalian ada tutorial bikin script seperti itu. Terimakasih
BalasHapusmantep sob..
BalasHapuslanjutkan
ditunngu kujungan baliknya. .
makasi ya atas informasinya, salam kenal ya :)
BalasHapusLangsung ke TKP
BalasHapuskok engga bisa gan ?
BalasHapusthanks infonya ya??
BalasHapuskeren tuh sidebarnya...
nice info kang..:))
BalasHapusskalian follow kawan..jgn lupa untuk follow balik ya....
BalasHapuswah postingan keren nih gan,maksh ya dah share
BalasHapusKang, kenapa disaya ngga bisa yah? apa ada kode html nya salah? , atau di html temlatenya ga bisa .
BalasHapusMohon pencerahanya .http://www.infoblogmj.co.cc/
Saya udah bikin daftar isi satu halaman penuh tapi koq gak bisa muncul apa2 ya. Apa yang salah? Apa kebanyakan labelnya atau salah URL Feed nya?
BalasHapusmantab gan...
BalasHapusterimakasih infonya
jalan dg baik di blog gw
Mantep gan tutorialnya, belum kepengan buat daftar isi nih ntar aja deh
BalasHapusmantaap om gue udah coba oke....
BalasHapusdaftar isi yang ini memang lebih menarik karena disusun sesuai label. Dan trdapat tulisan new di artikel terbaru.
BalasHapussipp... Saya uda pasang duluan
BalasHapusok boss coba tak terapin :-) thanks...
BalasHapusTerima kasih sobat, tutorialnya bermamfaat.
BalasHapusmakasih bro tips nya.....dapat ilmu lagi nich..:)
BalasHapussalam knl ya.....jika punya waktu silahkan mampir balik di blog saya..:)
Bos kok di blog saya ga tampil ya????
BalasHapusthax mas infonya. kerennnn .
BalasHapuswooowww...blognya keren mas...
BalasHapusthax mas infonya sangat berguna...
BalasHapusinfonya kerennn....sukses mas.
BalasHapuswah...pulang bawa ilmu nih. thax ya...
BalasHapusnumpang tenar mas...salam kenal..
BalasHapuswwwooookkkeeee....segera praktek.
BalasHapuscaiyooo......sipppp artikelnya.
BalasHapussalam kenal mas...semoga sukses blognya...
BalasHapustop markotop...go.....
BalasHapustrim post'na brmnfat bgt,,
BalasHapusthx gan atas infonya !
BalasHapussalam blogger indonesia !
keren dah.....
BalasHapuskunjungan baliknya.....
kasi komentar aj plissssssssssssssss
Terimakasih atas infonya...
BalasHapusSalam Blogger Indonesia
Lagi belajar ngeblog, minta masukannya dong.
BalasHapusthanks sob daftar isiinya.. tape inyong dgn gaya berbeda, pake feed. and bsa dletakkan d side bar
BalasHapusinyong dah pake padding bro
BalasHapusMas saya mau tanya dong . . . saya tertarik sekali sama cara buat daftar isi cara yang pertama. dan sudah saya praktekin, tapi kok gak muncul yah di blog saya ?
BalasHapusmohon pencerahan mas , masih Newbie neh . . .thank's
tkasih infox, akan sy coba n berkunjunglah di blogku andineha.blogspot.com
BalasHapusKeren ... :)
BalasHapusThanks ya..postingan Cara Membuat Daftar Isi Blog sangat bermanfaat..,salam knl :D
BalasHapusini sama dengan membuat sitemap di wordpress ya?
BalasHapusmakasih infonya kawan :D
Menarik sekali, pemula nih,nanti aku coba, tapi apa bedanya sama label blog sih?
BalasHapusnice post sob.......
BalasHapusjika berkenan silahkan mampir balik
bos nayak kalo udah jadi daftar isi nya bagaimana cara mengisi di daftar isi pada blog kita.
BalasHapusThanks ya..postingan Cara Membuat Daftar Isi Blog sangat bermanfaat..,salam knl :D
BalasHapusthanks for sgaring.
nice info sob.......
BalasHapussalam knl ya........
jika berkenan silahkan mampir balik....
alo bos, salam kenal :)
BalasHapusnice tips ya. ane dah coba buat daftar isi juga :)
btw tukeran link yuk :D
ditunggu kabar baiknya ya :)
BOS ! makasih infonya ! mohon ijin copas.
BalasHapusMaklum baru belajar...
cara membuat daftar isi.. akhirnya ketemu.. makasih sharing sob....
BalasHapuslinda wahyu widianti
BalasHapuslinda@jak-stik.ac.id
http ://www.jak-stik.ac.id
terima kasih atas sharingnya dan ditunggu kelanjutannya
good,,,, bertambah ilmu saya....
BalasHapusthank's,,,,
Nice Info gan...!! Langsung ke TKP dan Berhasil...!!!
BalasHapusIjin Sedot...!!!!
lho cara buat related post nya gimana
BalasHapusmohon share nya 8-)
makasi infonya gan...
BalasHapusthanks bos infonya tentang blogpsot :)
BalasHapusditunggu tips selanjutnya ya :)
kan daftar isinya udah jadi .
BalasHapustus cara ngisi daftar isi'a gimana . . .
masih gag ngerti ach .
coba lyat blog echa dh .
echadisorder.blogspot
Oh,your blog is very nice .I really like it ^^!
BalasHapus*♥•♥#♠♥#♥•♥* '
*♥♫♥♥♫♥♥♫♥♫* '
*♥♥☺♥♫♥♫♥☺♥♥*'
*♥♥♣♫♥♣♥♥♣♥♫♣♥♥*'
'*♥♥♣♥♫♥♥♫♥♥♫ ♥♣♥♥*'
Happy and Happy every single day like a Christmas!
\’\:’\’\:::/’::/’/’ ..........
....’\’\::’\:/’:/’/’..___,•’`¯`’•,
.......’\’\’\|/’/’/’....../..........._/
.......’\’\|/’/’,.~~/=====_/
.........[||||].....(_________)
..............||.....,•’`.._....._....`’•,
...............||.../...... (^)(^)` ........\
................||..|............ .............I
................||...\.......\____/........./
..............||.....’•,_............._,•’
..........,||..,~•¯¯\\\\(@)//__
.....
----------------------------------
Welcome to my websites : In there where have a lot of wallpapers, themes for desktop , for mobile and themes for media . Especialy all free ^^!
makasih infonya,sangat membantu saya dalam membuat blog..kunjungi juga blogku yaa..salam blogger
BalasHapusthanx infonya..
BalasHapusijin copas..pasti ditulis sumbernya koq
salam kenal..:)
trims infonya pak. sangat membantu saya..
BalasHapushttp://cinemabigmovies.blogspot.com/
thx mas..
BalasHapusnice blog.
wah keren
BalasHapusbagus juga gan tutorialnya...boleh dicoba gan... ada gak ya yg lebih sederhana Gan, tks
BalasHapusthank you for the information ..
BalasHapusgood luck always.
Blog sama artikelnya bagus, komentar juga ke web blog saya juga ya www.when-who-what.com
BalasHapusakhirnya ketemu juga setelah sekian lama mencari, thanks infonya bos akhirnya blog http://practicehealthylifestyles.blogspot.com/ bs ada daftar isinya :D
BalasHapussalam kenal mas.tuker link yo mas, link mas dah tak pasang di blog saya.^^
BalasHapusMakasih sebelum nya
awsomereza.blogspot.com
Good,
BalasHapushttp://www.rendykurnia.co.cc
Setelah beberapa kali mampir kali ini dan pagi ini saya tinggalkan jejak,karena saya sangat terbantu dengan artikel yang terlampir...terimakasih dan salam sukses ya mas....
BalasHapuskunjungi juga blog pertama saya http://pelangiholiday.blogspot.com
koq gk jlan ya?
BalasHapusmakasih tutonya.. untuk sementara ijin save dulu sob.. untuk praktek lain waktu.. oya aku dah follow..
BalasHapusthanks gan tips na...tapi klo yg ini ane udah tw...
BalasHapusjangan lupa mampir ke blog ane jg y gan..
thanks!
makasih udah mampir..infonya menarik sekali
BalasHapusMAKASH BANYAH gAN... DAH Q CBAK N BERHASIL DENGAN SEMPURNA...
BalasHapusTHANKS....
www.qiqyshare.com
your source for fre Download Full Varsion Software
www.qiqyshare.com
sdah d'coba kk ttap g'bisa mohon pencerahanya kk
BalasHapusTutorial yang bagus. Tapi ada persoalan lain ne... Saya sudah mengganti alamat blogspot saya menjadi xxx.co.cc
BalasHapusdan saya sudah menerapkan berbagai tips tentang cara membuat daftar isi, tapi yang muncul hanya sebuah kotak kosong seperti, yang tidak disertai dengan entri-entri nya. Tolong di pecahkan permasalahannnya broh... Tamks.
Saya dah coba tapi label post kok ikut2an muncul ya?
BalasHapuskoq ga berhasil ya mas.. :(
BalasHapussaya mau buat yang daftar isi di samping blog..
nice info bro..
BalasHapustp sya ada mslh ni..
udah saya coba, tp yg mncul cuma kotak kosong n entry nya gk otomatis masuk ke daftar isi..
mohon pencerahannya bro..
thnx..
yang versi ke 2 kok gak bs ya gan...
BalasHapus???
ty mas...
BalasHapusmantep...mas. Salam kenal
BalasHapusintan dah lama nyoba dan berhasil. ini intan mo bilang terimakasih. tapi tampilannya tdk sama persis dg yg disampaikan dalam tutorial diatas karena sudah intan sesuaikan dg dandanan blognya intan. blog intan kini makin cantik karena banyak dibantu oleh ayah intan. terimakasih dan minta maaf kalo dulu nggak bilang kalo nyontek cara bikin daftar isinya (namanya juga nyontek...gimana sich?!).
BalasHapussalam blogge bang..
BalasHapusane sudah coba tp kagak bisa nih?
knpa yah
Info yang sangat berguna bagi saya. terima kasih. akan saya coba praktekan
BalasHapusmksh...berhasil gan ^^
BalasHapusnice, info, ...
BalasHapusthx sob.
makasih banyak Sharingnya gan, coba scripnya buat bikin daftar isi
BalasHapusok banget nih informasinya sangat bermanfaat sekali gan , salam kenal aja gan
BalasHapuskunjungan perdana gan, ditunggu kunjungan baliknya
BalasHapusWahh.. Makasih Info nya kk ^_^
BalasHapushhe.. gak pake blogspot lagi om :D
BalasHapusmo tnya nich.. saya udah coba memsang untuk yang model kedua.. tapi ko ga bisa di review ya?.. cuma ada judul.. mksdx, tidak bisa menampilkan daftar isi yang sesuai.. tu karena apa ya?.. cuman untuk blog saya yang satu udah bia dri dlu.. mohon infonya di http://pacebuk.blogspot.com.. tank's ya ??
BalasHapusAkhirnya nemu juga postingan tentang ini.. Terimaakasihmas udah d kasih tau.. :)
BalasHapusTerimakasih master langsung berhasil di tiga blog aku
BalasHapusnumpang nanya, itu discriptnya ada script contents.js itu dapat darimana? Kok script itu tidak ditutorialkan. Kayaknya akan legih lengkap kalau sekalian ada tutorial bikin script seperti itu. Terimakasih
BalasHapusthx :)
BalasHapusnice info bro......
BalasHapusinfonya sangat membantu gan... thanks
BalasHapusmakasih atas tutorialnya admin
BalasHapusTerimakasih...info yg sangat membantu!
BalasHapusSalam
makasih atas infonya
BalasHapusudah kucoba gan ilmunya,praktis&cepat untuk blogger pemula sepertikoe..
BalasHapusplease kutunggu backlink http://itsmycleverstudent.blogspot.com
thanks mas, blogwalking www.m2mexacta.blogspot.com
BalasHapuswih langsung ke tkp gan. makasi infonya keren abiz. tak coba yo....matur nuooooon...
BalasHapusTHANKS BANGETTTT Gan.... !! ini ini yang gue cari.... hehe... lam-nal... ^_^
BalasHapustengkyu Mister..
BalasHapusNice info...
BalasHapuswww.rif123.blogspot.com
Saya sudah coba dan berhasil,..terima kasih banyak mas,...
BalasHapusSaya coba kok gak berhasil ya?
BalasHapustks...mas tas ilmux.
BalasHapusilmux dh sy pakai...
mas... bahas dong masalah buat menu di header plus cara menambah submenux.
misalx: qu bikin menu Islam, trus submenux pgn nampilin Fiqh... cara buatx gmn?
contoh blog mas... mnux content... nah cara bikinx gmn?
Wah,, Jadi pengen nyoba, makasih bayak atas petunjuknya gan, neh mau ane terapkan di website Toko Bunga ane..
BalasHapusKeisha Florist
manteppp
BalasHapusmantap tutornya..thanks ya!
BalasHapuswah keren nih. aku ambil scriptnya ya.
BalasHapusBoleh dicoba sob...thanks banget !!
BalasHapusMakasih Brother..
BalasHapusmakasi atas tutorialnya,,,,,
BalasHapusThanks gan,,udah ane coba.. :-)
BalasHapusmantap benar nih tips....
BalasHapusane coba dlu ah....
thanks Gan...
Salam kenal dari Bima. Terima kasih banyak atas artikel yang begitu bagus ini.
BalasHapusMas, terima kasih banyak atas artikelnya. saya dah praktekan kode-kodenya. tapi muncul angka 1 (satu) pada semua judul postingan saya. tapi trik kedua yang muncul pesan "Laman tidak di temukan". saya dah nyari ref dibeberapa blog tapi masalah ini belum teratasi masalah daftar isi. Apa memang ada yang salah dengan template blognya saya?.
BalasHapusDan apa ada pengaruh di search engine kalau tidak masukan label pada blog.
syukron akhi infonya,..
BalasHapusthanx gan tipsnya.. langsung dipraktekin neh
BalasHapustrims...gan, udeh ane coba pasang di blog ane...makasih ye...atas infonya
BalasHapusBlog dan artikelnya bagus, komentar juga ya di blog saya www.when-who-what.blogspot.com
BalasHapuscara ke 2 nya agak bingung terus kenapa daftar isinya isinya kecil cara perbesar tulisannya gimn
BalasHapuscara ke-2 brati daftar isi bisa dmsukkan dalam laman mandiri y? makasih infonnyalaman mandiri y? makasih infonnya
BalasHapusgan Q dah cBa kok tDak bisa nie Gimana?
BalasHapusThx y...
BalasHapussejak kemarin nyari" tpi susah d mengerti tpi akhirnya ngerti jga
mantapmantapmantapmantap.... :D
BalasHapusAss... tdk ngarush kenapa ya?
BalasHapustipsnya jarang aku temukan yang ini gan, aku coba sekarang deh, thanks banget ya gan... buat lebih banyak lagi posting yang bermanfaat.. skali lagi thanks bgt
BalasHapusoke, berhasil. mantap! thanks gan
BalasHapussangat bermanfaat
BalasHapusMantap tutorialnya sob, kunungan balik sob.
BalasHapusthank bang infonya,sudah saya praktekan dan berhasil,tapi punya saya kok kurang gimana gitu,kerena tulisan labelnya ngikut dan posisinya di atas judul, he he he he
BalasHapussudah aku pakai, mantap
BalasHapuskagak bisa gan :(
BalasHapusdaftar isi blog yang saya cari mas, terima kasih atas panduannya
BalasHapuspantas sya harus cba nih gan,,terim ksh info2nya,,sya tunggu kunjungannya
BalasHapusBerhasil...
BalasHapusMakasih Sob.
mantap yuang
BalasHapusmakasih gan selama ini yang saya cari ahahaha
BalasHapusTrims infonya ya.
BalasHapusSudah lama kami mencari informasi serupa ini untuk situs kami.
nice share..
BalasHapusbisa dicoba nih..
thx