Cara Membuat Daftar Isi Blog kali ini berbeda cara nya dengan artikel saya terdahulu tentang tutorial cara Membuat Daftar Isi Blog. Beda nya disini adalah mudah, dan lebih tertata rapi. Selain itu yang lebih menarik adalah setiap artikel posting kita yang baru akan terdapat kata new !!. Saya sendiri juga memakai daftar isi tutorial yang ini.
daftar isi blog sangat berfungsi juga untuk seo, karena saya newbie masalah seo saya belum bisa menjelaskan secara detail fungsinya.
Cara membuat daftar isi blog ini terdapat dua cara, cara pertama daftar isi blog ini di dalam box yang terdapat scroll box nya dan di tampilkan di widget blog. Dan cara yang kedua daftar isi blog akan tampil secara keseluruhan tanpa scroll.
Cara Membuat Daftar Isi Blog I :
Masuk blogger > rancangan > Elemen Laman > Tambah Gadget > HTML/Javascript
Pada Kotak Judul beri nama DAFTAR ISI, dan kotak bawahnya isi script di bawah ini
<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://antigaptek.googlecode.com/files/daftarisi.js"></script><script src="http://Blogkamu.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
perhatikan http://Blogkamu.blogspot.com <<< ganti dengan nama blog anda.
width:430px;height:120px <<< ukuran scroll box bisa di ubah dan di atur sesuai dengan keinginan
simpan dan lihat hasilnya.
Cara Membuat Daftar Isi Blog II :
Masuk Blogger > Entri Baru
Beri Judul beri nama DAFTAR ISI, pada kotak di bawahnya copy kan script di bawah ini
script style="text/javascript" src="https://sites.google.com/site/antigaptekjs/javacript/daftarisi.js"></script><script src=http://namablogkamu.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc></script>
Kemudian di bawah nya lagi pada Post Option, Komentar Pembaca pilih jangan di izinkan.
Masih di post option, pada Post tanggal dan waktu pilih dijadwalkan pada. Kemudian isikan tanggal dan tahun yang lama dari postingan terlama anda. Agar nantinya tidak tampil pada halaman pertama.
Langkah selanjutnya Terbitkan Entri.
Kemudian lihat urlnya simpan di navigasi blog anda, contohnya bisa di lihat disini.
Jangan lupa http://Blogkamu.blogspot.com <<< ganti dengan alamat blog kamu.
Best Regards,
Tutorial Linux Ubuntu | Blog | Seo
Untuk Download Artikel Klik Gambar
| Follow @antigaptek |
thanks mas infona :) langsung praktek
BalasHapusbagus bgt aku banyak terbantu
HapusThank...
sama-sama...
BalasHapussilahkan..
:))
terus cara membuat blog kita bisa diletakkan dalam daftar isi tsbt gmn gan??bisa dibikin kayak kategori gitu..
BalasHapusmohon pencerahannya, masih newbie saya :))
@edhoJR:
BalasHapusmaksudnya gimana sob...
daftar isi ini sudah perkategori...
coba lihat aja daftar isi saya...
langsung di praktekkan gan ilmunya,
BalasHapustrims informasinya.
bisa tukeran links gak gan?
@Agus Ca'em:
BalasHapusok gan seep..
boleh tukeran link..
ntar saya pasang link agan ya...
Terima kasih sob, sangat bermanfaat infonya, dah saya aplikasikan di blog saya,mohon izin sob, dah berapa kali saya coba pasang daftar isi baru kali ini berhasil, setelah baca postingan sobat.
BalasHapus@Ladza ledze:
BalasHapussama-sama sob...
thanks dah berkunjung dan salam kenal...
sobat hebat dan berwibawa....tahniah
BalasHapus@RAMLI JOHOR:
BalasHapusthanks sobat...
salam kenal..
Bingung nyari kotak buat komen, jd maaf kalo komen disini.
HapusMakasih mas, udah ane praktekin, 100% work.
bos udah tak coba...ilmunya..tapi mungkin aq salah jadi bermasalah nih...hehehehee, maklum deh newbie
BalasHapus@Geotroy:
BalasHapusdi backup dulu template nya mas..
hehehe emang ngedit perlu kesabaran kadang berhasil kadang gak.
thanks dah berkunjung mas..
saya lagi pengin buat daftar isi, tapi masih bingung mau pilih tutorial yang mana
BalasHapusMakasih ilmunya gan...
BalasHapus@terbaruzone:
BalasHapuscara kedua menurut saya lebih baik sob...
@Obat Keputihan:
BalasHapussama-sama gan...
Cara yang sangat simple. Informasi yang bagus dan layak untuk direferensikan.
BalasHapusmakasih gan tutornya
BalasHapuslangsung praktek.salam kenal
@Amati Tiru Modifikasi:
BalasHapusterima kasih mas... bahasa nya saya suka thanks mas.
@junx-crix:
BalasHapussama-sama gan..
salam kenal balik..
thanks ya dah berkunjung.
wahh... Nice...
BalasHapusbisa dipakai di wordpress self host ga kang???
mau nyoba ahh...
@Jackysan:
BalasHapusthanks gan, wah klo self hosting CMS wordpress sy kurang tahu, tapi klo self hosting dengan web bikinan sendiri pasti bs di integrasikan.
Trimakasih infonya sangat bagus,tapi udah di praktekin,belum berhasil,maklum oon..banget nih..!!
BalasHapuskalau untuk wordpress gimana caranya ya gan
BalasHapus------------------------------------------------------------
btw numpang lapak ya gan.
Buat kamu yang pengen terjun didunia bisnis online dan ingin mendapat penghasilan total, jangan tanggung2, ciptakan brand kamu sendiri untuk mendapatkan peluang lebih banyak lagi, dengan memiliki nama Domain & hosting sendiri untuk brand bisnis Anda dan meningkatkan gengsi & nilai tawar Anda. jgn tunggu lama2 sebelum domain idaman anda menjadi milik orang lain.
kami adalah Hosting terbaik sampai saat ini, data perbandingannya bisa Anda lihat disini http://www.mylifehost.com/perbandingan-mlh-dengan-web-host-lain
kami juga punya paket Family - Rp. 10 rb perbulan.
Hubungi kami di 0857 619 44 927 atau kirim email ke: support@mylifehost.com
Thanx Gan...!!
makasi infonya sob....sya izin nyoba..
BalasHapusSaya suka info berharga yang Anda berikan dalam artikel Anda . Saya akan bookmark blog Anda dan periksa lagi di sini secara teratur . Aku cukup yakin aku akan belajar banyak hal baru di sini ! Best of luck untuk selanjutnya !
BalasHapusPunya ane gk muncul gan, cek aja, ada yg salah mungkin kodenya
BalasHapusmas cara membuat layar depan blog itu kita buat ntar kita di suruh isi nama kayak mana??
BalasHapuskeren,,, padahal orang awam seperti saya tahunya tinggal pasang plugin sitemap di WP sudah jadi, tapi kalau bikin manual seperti ini ada kebanggaan
BalasHapusSohib,saya telah coba pakai script diatas untuk buat daftar isi di blogspot saya,tapi tidak muncul-muncul,nasalahnya dimana yah,mohon petunjuk dari teman-teman blogger yang paham tentang hal ini,terimakasih.
BalasHapusartikel yang mantab gan
BalasHapuswww.unic29.com
@rosita:
BalasHapushehehhe sama-sama... butuh kesabaran untuk mengedit2 blog.. belajar dari kesalahan bs membuat kita jadi tambah mengerti.. smoga berhasil ya mba hehhe
@irwan:
BalasHapussama-sama sob.. ok sob smoga berhasil.
@Anonim:
BalasHapusterima kasih atas komentar anda
@Abi Says Drunk:
BalasHapusmuncul kok gan. lihat daftar isi ane munculkan,, daftar isi ane kan tutorialnya sm dengan di atas,, mungkin agan ada yang salah.. hhee
@Agam:
BalasHapusoh yang biasanya muncul Silahkan Isi Nama Anda gitu ya..
menurut saya sih gak usah pasang aj gan, karena itu script bikin ribet blog aja, n juga fungsinya gak ada, karena kita gak pake hostingan jadi data nama pengunjung yang di input gak masuk database, tapi klo mau pasang coba searching di google coz saya ga nyimpen scriptnya. atau yang ini barusan saya dapat search di google http://albert-julius.blogspot.com/2011/02/cara-menginput-sesuatu-dalam-web-blog.html
@jasa pembuatan tesis:
BalasHapusheeh ini juga dapat search dari google sob, di pelajari kebetulan paham paham dikit aja, coz di kuliah juga baru mempelajari script2 ginian,
@ahmadfuad:
BalasHapuscoba ulangi langkahnya sob, mungkin ada yang kurang copas script atau apa.. smoga berhasil sob,
@ahmadfuad:
BalasHapuscoba ulangi langkahnya sob, mungkin ada yang kurang copas script atau apa.. smoga berhasil sob,
@unic29:
BalasHapusthanks sob
Makasih infonya Mas Bro.salam kenal dan sukses selalu
BalasHapusmakasih sob sudah berbagi. btw untuk cara ke 2 sepertinya kurang kode "<" di awal. saya pake di Keluarga Sakinah Idaman dan di Resep Masakanku
BalasHapuskalo ga merepotkan barangkali berkenan tukar link?
@ahmadfuad:kalo untuk cara kedua, coba tambahkan kode:
BalasHapus<
di paling depan. saya dah nyoba dan sukses di Keluarga Sakinah Idaman
maap buat pemilik blog, saya cuman newbie yang ingin saling berbagi
Komentar ini telah dihapus oleh pengarang.
BalasHapusGan.. ane kesulitan nih codenya udh di copy tp tdk muncul ya Gan. Makasih sblmnya Gan?
BalasHapus@antigaptek bisa mintak tlong g' buat daftar isi maish g' ngrti nih...
BalasHapusmasih kurang ni gan tutorial nya
BalasHapusmmm,,,misi..kenapa sih setiap tutorial yang saya coba hasilnya sama aja..kan udh di coba tuh cara diatas,eh malah jadinya daftar isinya "tutorail linux bla bla bla gitu?
BalasHapuswah , kok ga bisa yaa -_-
BalasHapusmakasih infonya mas, salam berkunjung dan salam sukses selalu
BalasHapusTrims,, mas bro
BalasHapusinfo nya,, sangat bermanfaat.
aku kmrn dah coba cara ini mas, tpi kok buka daftar isi nya lelet abis yah
BalasHapustpi ysdh ngga papalah..:)
klik disini http://gudangshuttlecock.blogspot.com/
BalasHapusBUTUH SHUTTLECOCK
BalasHapusKLIK LINK DI BAWAH INI,..
http://gudangshuttlecock.blogspot.com/
keren gan.. ane coba yah..
BalasHapusbagus tips nya gan... hatur nuhun... :)
BalasHapuswew thanks gan..
BalasHapuskmrn sempet bingung sich mo pake' daftar isi yg kaya gmn tp akhir'y q pilih model yg ni ja,,thank's bro tips nya,,,,
BalasHapusfollow balik ea,,,q newbie nich,,
tolong lihat di blog q bntar bro tuh knp tulisan "tutorial linuk" nya klhatan ya,,,trs kl q pengen hapus tulisan "new" hapus yg mn?
BalasHapushelp me ya bro,,thank's.
bang kenapa blog aku jadi gini ???
BalasHapushttp://riezeatworld.blogspot.com/
saya termasuk yang sudah mencoba gan....
BalasHapusnice gan infonya :)
BalasHapusfollback ya !!!
great from HC|C™®
wah..aq kok bingung ya bos..masukin judul2 0 post ke daftar isinya gmn?
BalasHapusmakasih bnyak bang.. langsung berhasil di blogku... hehe..
BalasHapusKereeeeennn....!!!!
Terima kasih agan, segera dipraktekkan dan semoga sukses selalu buat agan..
BalasHapusThx, langsung sya praktekkan Gan,
BalasHapusohh iya, sya mintak izin untuk Copas artikelnya.. ya gan :)
makasih om caranya, nih yang aku butuhin
BalasHapusSukses.. Thanks gan..
BalasHapushttp://amronbadriza.blogspot.com
makasih tutor nya gan,,
BalasHapusijin sedot yh gan ...
www.warnaklorofil.blogspot.com
terima kasih ya, tukaran link yuk, taruh link kamu ya di sini dan konfirmasikan segera http://makalahmajannaii.blogspot.com
BalasHapuskeren bgt sih,,, mau aq apply di blog aq,,, izin ya OM
BalasHapusMalvinShare-This is Time for Sharing
Bisnisberjaya
makasih tutorialnya bos,salam kenal dan salam sehat bos....
BalasHapusizin nyimak info bermanfaat ini bos,dan salam kenal.. :)
BalasHapusbagus
BalasHapusthanks ya sob,,
BalasHapusterimakasih gan ini info yang ana cari- cari !! semoga infonya terus berkembang gan biar ana bisa belajar sama agan,,, :)
BalasHapusmantab gan, ane sukses.. makasih infonya nitip links
BalasHapusterima kasih tutorialnya
BalasHapuswah bagus juga nih tutorialnya gan kunjungan balik gan.,.<!
BalasHapusmantabs nih tutorialnya, thank yah gan
BalasHapuswah ko ga berhail ya? aneh..
BalasHapusterima kasih, info yang berguna
BalasHapusTerima Kasih
BalasHapusTerimakasih atas share artikel nya mas juragan
BalasHapuswah, thank's atas infonya..
BalasHapusmampir di http://cakrawalapengetahuan.blogspot.com/
Makasih sob tutornya kunjungi juga blogku
BalasHapushttp://cangkringanjowo.blogspot.com
thaanks sob, nice share.
BalasHapusThankyou sob
BalasHapusSaya coba sob!.
BalasHapushttp://bio-sanjaya.blogspot.com/2012/04/head-to-head-manchester-city-vs.html
BalasHapusizin nyimak gan
BalasHapusIjin nyimak juga ya gan,,,,
BalasHapusThanks,, sangat bermanfaat../
BalasHapuspada ribut apa c ???
BalasHapustrims ilmunya,, salam kenal
BalasHapustrimakasih infonya gan, izin nyedot ya...
BalasHapusBgaimana caranya mempercepat loading blog,,,blog saya kayaknya cukup lambat..mohon sarannya
BalasHapuscoba gunakan ini gan..
Hapushttp://rauef-se7en.blogspot.com/2012/04/cara-mengompres-compressed-html-php.html
Gunakan ini gan : Cara Kompres Html
Hapusmantep informasinya
BalasHapusthanks for share
http://justeno.blogspot.com
thenkyu bos.. saya pilih jha yang nomor satunya...
BalasHapusMantap postingnya Gan banyak membantu Ane
BalasHapusThank you so much gan, mantap nih...erni
BalasHapusgan saya sudah coba cara yang pertama tapi kok yang muncul : Tutorial Linux Ubuntu | Blog | Seo. gimana cara biar ada judul2 blognya muncul gan? mohon pencerahannya gan...
BalasHapusanteb banget gan... mkasih bnyak tutorialnya :)
BalasHapusInformasi Tipsnya bagus, thanks atas sharing ilmunya sobat, Salam sukses.
BalasHapuskalo daftarisi yang di sisipkan di menu navigasi gimana gan?/?/
BalasHapusinfo ini yg saya cari"
BalasHapusthanks thanks y gan infonya ..
dan salam knal ja deh,,,, :)
Sangat berguna sekali. Penjelasan agan sangat jelas dan tutorialnya bisa diterapkan di blog ane. Trims
BalasHapusthanks gan... keren
BalasHapuserypradiptya.blogspot.com/
maaf bang saya mau buat daftar isi kayak di blog abang (http://www.antigaptek.com/2009/12/daftar-isi.html)
BalasHapusgemana caranaya trimsmakasih
klau bisa dikirim ja bang htmlnya ke emeil saya
(kakachairil@gmail.com
Makasih nih informasinya salam kenal gan...
BalasHapusmantap gan,ini yg sy cari".bagi sy sngt penting apalagi buat pemula sprt ane.kunjungi blog ane:www.alkalinware.com
BalasHapus. .!?
BalasHapusthanks...sy coba
BalasHapusmakasih gan, begitu pentingnya tips ini buat saya, sampai jumpa dikoment2 pada kesempatan lain
BalasHapusSob, saya sdh pasang widgetnya di blog saya, tapi kok daftar isinya juga muncul di bawah (footer), gimana nih sob ?
BalasHapusDi saat pikiranku DIATAS NORMAL kau menghampiri AKU dengan membawakan cerita SEMUA TENTANG KITA dan kau bertanya padaku ADA APA DENGANMU? ku hanya terdiam dan terpaku saat kau bertanya padaku, lihatlah ke atas sana LANGIT TAK MENDENGAR kesedihanku saat ini aku sedang SENDIRI LAGI dan harus TERBANGUN SENDIRI
BalasHapusTerima kasih anda telah memberikan kesempatan untuk berkomentar. Artikel anda sangat bagus. Semoga bermanfaat untuk semua
BalasHapus