Cara Membuat Daftar Isi (Sitemap) di Blogger/Blogspot
Daftar Isi (Table of Contents) sering pula di sebut sebagai sitemap (peta situs) karena isinya digenerasikan (generated) dari url sitemap feed. Jika sitemap blog di search engine berfungsi sebagai alat untuk mempermudah pemetaan isi blog/website oleh search engine, maka sitemap yang ini berfungsi sebagai alat navigasi dan pemetaan bagi pengunjung/visitor untuk melihat seluruh isi konten atau artikel blog/website dalam satu halaman khusus. Tentunya ini sangat menguntungkan pengunjung dan juga pemilik blog/website dalam usaha meningkatkan jumlah pageview.
Daftar isi kali ini dibuat dengan aturan javascript yang file-nya sudah saya upload dan dapat langsung digunakan. Isi yang ditampilkan dibagi berdasarkan label, sehingga perlu digarisbawahi bahwa setiap posting harus memiliki label. Tanpa label, posting tidak akan termuat di daftar isi. Simak cara membuat label blogger bagi yg belum mengetahui cara buat label..
1. Buat sebuah halaman posting baru, sebaiknya halaman statis (static page).
Dashboard > New Post/Edit Post > Edit Pages > Create New Page
2. Beri judul sesuka anda, misalnya: "Daftar Isi", "Table of Content", "Sitemap Blog", dan lain lain.
3. Pada bagian kanan kotak posting klik "Edit HTML".
4. Masukkan script berikut:
<script src="http://yourjavascript.com/18113981113/bukarahasiablog-toc.js">
</script>
<script src="http://buka-rahasia.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
Ganti http://buka-rahasia.blogspot.com dengan url blog/website anda.
5. Jika ingin melihat hasilnya klik "preview/pratinjau".
6. Publish post.
7. Pasang link halaman tersebut ke link list blog, menu, atau di tempat yang diinginkan.
8. Done!
---------------------------------------------------------------
Update:
Buat @Idnay yg komentar dibawah minta tulisan "new" berwarna putih, saya sudah buatkan scriptnya:
ganti: http://yourjavascript.com/18113981113/bukarahasiablog-toc.js
dengan: http://yourjavascript.com/111006011142/bukarahasiablog-toc-putih.js
---------------------------------------------------------------
Update:
Buat @Idnay yg komentar dibawah minta tulisan "new" berwarna putih, saya sudah buatkan scriptnya:
ganti: http://yourjavascript.com/18113981113/bukarahasiablog-toc.js
dengan: http://yourjavascript.com/111006011142/bukarahasiablog-toc-putih.js
---------------------------------------------------------------
You now already got a sitemap/table of content page for your blog visitors!
mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com
mencuri adalah pekerjaan pengecut! © buka-rahasia.blogspot.com
Cara Membuat Daftar Isi (Sitemap) di Blogger/Blogspot
Written by: Ahmad Khoirul Azmi
Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan codedi bawah atau share dengan sharing buttons di atas. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.
Written by: Ahmad Khoirul Azmi
Thanks for reading! Suka dengan artikel ini? Please link back artikel ini dengan codedi bawah atau share dengan sharing buttons di atas. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.
Author:
thanks Sob, ente memang top markotp!
thanks mas Afif, oya untuk recent post nya ditunggu dulu ya soalnya ada trouble dengan script spylist nya. rencana mau tak modif dikit agar agak beda dengan yang saya pake di samping, biar variatif dikit lah :D
OK Bro :)
a like
Mas mau konsul nih. sy br aja bikin blog di blogspot tp ad yg bingung (cek penggemar-nasi.blogspot.com)
yg mo ditanyain, gimana cr pengaturan di bgian Home | Business | Download | dst agar bs diatur sesuai mau kita. ex : sy pgn ngubah jd Beranda | Daftar isi | Referensi dsb ky di blog ini pelayanmasyarakat.blogspot.com
Kamu liat dulu lewat dashboard -> design/rancangan -> page elements/tata letak, ada menu edit link list/link bar gak di bawah header? kalo ga ada, masih di halaman itu juga, klik edit HTML, kemudian centang "expand widget templates". Cari yang seperti dibawah ini (Ctrl+F, cari dengan keyword "home" misalnya, dan temukan seperti yag dibawah ini) (tanda "< dan >" saya ganti dengan "[ dan ]")
Ini isi menu di blogmu:
....
[ul]
[li][a href="http://penggemar-nasi.blogspot.com/"[Home[/a][/li]
[li][a href="#"]edit-me[/a][/li]
[li][a href="#"]edit-me[/a][/li]
[li][a href="#"]edit-me[/a][/li]
[li][a href="#"]edit-me[/a][/li]
[/ul]
......
ganti "home" dengan "beranda", trus ganti # dengan url yang ingin kamu pasang misal: "http://buka-rahasia.blogspot.com/p/daftar-isi.html". ganti edit me dengan kata2 yang ingin kamu tulis sesuai url, misalnya Daftar Isi. dan sterusnya....
mangga, silahkan :P
terima kasih mas atas pelajarannya , jadi tambah banyak tahu nih tentang sitemap
Ini artikel yang saya butuhkan, Mohon izin untuk diterapkan di Blog saya, Terima kasih atas sharing ilmunya, Oya kapan2 datang ya ke Blog saya di ;
http://qudrat-inspirasi.blogspot.com
Salam...
informasi yang sangat membantu saya...
thanks you my friendzz...
akhirnya googling ane terhenti disini makasih banget gan sudah share
nahh ini dia info yang saya cari.. thx
thanks sobat atas infonya :)
Mantap nih....
Terima kasih Infonya
MasBro, mau tanya...itu ntar perlu di submit ke google webmaster tool atau ngga? Klo iya gmn caranya? Trims...
sperti yang sudah dijelaskan di awal artikel, ini bukan sitemap untuk search engine, tapi sebagai halaman daftar isi blog.
sudah saya coba mas, tapi yang jadi malah halamanya g berlendi loding dan daftar isinya ditak muncul
itu mungkin karena ada problem ketika load, misalnya internet yang kecepatannya rendah. tapi scriptnya tidak ada masalah. karena banyak yang pake jg. termasuk yg saya pake juga di blog ini.
kalau masalah koneksi yang lambat sepertinya tidak mas. soalnya untuk membuka situs lain g ada masalah. klw buka halaman daftar isi dengan kode html sprti di atas g bsa2, loding terus...
Thank's ya untuk artikelnya. yang mau saya tanya, postingan yang dibuat apakah akan terisi secara otomatis kedalam sitemap ini?
(sekalian tes komen di luar blog admin/author nih)
ya benar. Jadi tinggal buat halaman daftar isi saja. setelah itu script akan menampilkan semua posting yg ada secara otomatis.
thx sob infonya!
kunjungi my blog :
http://senangnyapakecheat.blogspot.com
thanks gan
ga bisa bang.. piye iki..
T.T
kalo pke url http://buka-rahasia.blogspot.com/ bisa.. keluar list daftar isinya..
kalo pke url blog ane ga keluar daftar isinya T.T
asyik, makasih,, mau bikin ah
thanks.. dicoba dulu
akan di coba... thanks...
thanks sob,
Saya sudah coba di blog saya, kalau cara menghilangkan tulian "New !!" nya gimana, atau merubah warnanya dari merah jadi putih?
http://ogainahcydna.blogspot.com/p/sitemap.html
Salam Kenal Kang Ahmad...
Terima Kasih untuk Artikelnya dan saya Praktekannya hasilnya Behasil ... Mantap.
Terima Kasih
Ninggalin jejak dulu :P
Thanks pencerahan nya sob, lsg di praktekin neh... Jng lupa Mampir ke blog saya sob...
ijin copas sebagian text ya
sebelum nya trimakasih
saya coba pasang code diatas di blog saya anifpunyajam.blogsot.com kok Nggak jadi y....
padahal blog sudah saya daftarkan ke google/webmaster
mohon pencerahannya..
salam kenal
sitemap di atas adalah daftar isi blog dan tidak ada kaitannya dengan sitemap di google webmaster tools. untuk sitemap search engine simak cara mendaftarkan sitemap google.
syarat bekerjanya daftar isi dengan script di atas adalah: blog/web anda berplatform bloggger dan setiap posting harus memiliki label.
kak kalau untuk sitemap yang mesti di upload itu gimana cara gunainnya kak...aku masih bingung kak...tolong di kasih tau kak
om ijin copas scriptnya ya..
gan, bisa minta kode java script nya lewat fil *.txt ato notepad,,
mau aku pasang di blog'ku, soalnya kalo pake js eksternal loadingnya lama..
thanks
Thanks infonya sangat berguna, ane buat link ya ke blog ini, trims
terima kasih banyak gan, udah banyak menambah pengetahuan. . .
dari bonuskerjaonline.com say: Udah dicoba neh. Thanks yah ilmunya.
makasih tutornya bang....numpang copaasss.... :)
caranya bagus tuh perlu dicoba ....
thank's yaa..
ijiin copas ya . . .
matur nuwun . .
manteb TQ idenya, oh iya ada nggk cara buat beranda versi ke dua, maksudnya gini, home itu kan cuma 1, sedangkan isi home kan semua postingan kita kan, nah maksud saya, bisa nggk buat 1 halaman lagi yg berisi postingan kita juga tp berbeda isinya dari beranda, contoh: beranda, Makanan(isinya postingan tentang makanan beserta redmorenya kyk branda) , Minuman(isinya postingan minuman beserta redmorenya gitu) TQ kk
thanks sy sudah coba... grosirherbalsunnah.com
top markotop thx mas
ni yang saya cari,,trims ,,
kok gak muncul ya Gan??
Makasih gan, bagus penjelasannya....
^^
Mas....bs bantu aq ga ? Aq msh bingung... Maksud nya kan mau naro semua judul / labe postingan dlm 1 hlmn khusus, udh aq masukin tuh scriptnya....udh mejeng jg...tpi mau masukin smua judul postingannya ke hlmn ini, gmna caranya ? plis dong....help me.....*agak desperado jg nih...
Makasih ya...di bisnisrumahanhasilgedongan.blogspot ya boss.....=)
Mas....kok aq blm jg bs bikin halaman2 ya....yg isinya home / beranda , daftar isi, dll deh...
Udh aq pelototin html bwt ngubah spt yg mas jelasin di koment sblmnya...tetep aja....ga nemu...
Plis help me ya... Maturnuwun bgt ya.... =))
numpang copas ya mas ....terima kasih ...
Langsung praktekin agh,,.
aku sudah ada sitemap...tapi terasa mau tukar yg ama mcm ni la pulak....terim kasih bro...salam kenal dr malaysia.
Silahkan tinggalkan Link Blog anda disini bro!!!!
http://www.kumpul-info.co.cc
saya akan segera me Link Situs kamu...
thanks....
www.kumpul-info.co.cc
www.kumpul-info.co.cc
kaka saya udah berhasil bikin daftar isi tapi masa daftar isi masuknya ke pos juga ya.?? d beranda terlihat jelas gtu
mkasih
thanks banget bro..very..very...bermanfaat
makasih bang,, sudah saya pake,, ternyta blog saya berantakan :) hihih
info yang bermanfaat sob...di coba yaaaa sob thnks :)
Makasih gan.....
ajib bener....
thanks ya,,,,
http://ricoshared.blogspot.com
makasih nih saya mau coba ah,,,,
makasih atas informasimya sangat bermanfaat.... izin copas y.....
wah keren... alhamdulillah. izin copas boleh ?
Terima kasih kerna info yg bagus disini...
Terima kasih Mas Bro..!! skarang blog baru saya bisa pake site maps...
setelah lama googling akhirny berhenti di sini, blog yg sangat membantu. thanks sob, mohon ijinny untuk di coba di blok saya.
mas, saya mau konsultasi ni
untuk menebalkan tulisan labenya gmna ya mas ..??
thanks before
sya uga pake label buat bikin indeks isi blognya.
tapi bikin
You might also like:
Related Articles:
kaya bolg ini gimana yah. jadi seperti pake wp
sip keren bang
kereeen kereeeen keereeen niii bang
manteeeep niiih gan,, makasii yaa sharenya..
Dicobaaa duluuu yaa gan.....
thanks
mas, mau tanya, saya ada buat blog game dengan menu home, preview, reveiew, dan feature. Nah bisa dibantu gimana cara biar setiap orang klik menu preview muncul nama2 game yang saya preview? terima kasih.
Wish... thanks mas bro.. infonya
gan makasi infonya ane langsung pasang nih.
gimana c buat daftar isi,ko aq ikut sperti yg di atas kodenya aja yg muncul,trus daftar isinya gmna?
mantep gan tutorial nya ... sebelumnya terimakasih banyak
I LIKE IT INFONYA,,,THANKS
MAAAAAAAAAAAAAAKKKKKKKKKKKKKKKKKKKKKKKKKKKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASSSSSSSSSSSSSSSSSSSSSSSIIIIIIIIIIIIIIIIIIIIIIIIIIIIHHHHHHHHHHHHHHHH
maaf kalau mengganggu
kok kagak berhasil yah :/
Makasi buanyak mas. Sangat membantu
makasih atas informasinya sangat bermanfaat
thanks infonya... pas buat saya, maklum lagi belajar
Makasih kang wt sitemap nya, lamknl kang, nubietek ne, ijin jalan2 dblog y ah
Ok, Bos,,,
Setelah beberapa kali gagal memebuat sitemap, sekarang sudah berhasil memebuat sitemap
Terimakasih atas infonya.
hhtp://alqulub-islamic.blogspot.com
terima kasih banyak mas. sangat membantu :D
memberi pencerahan syair2 blognya kang irul... hehe.. new bie sy nih, mampir jg ya...
http://eset9.blogspot.com/
terimakasih banyak mas, saya banyak belajar dari blog mas Khoirul azmi ini.
ini blog saya mas
http://smilewithismail.blogspot.com/
http://situsaja.blogspot.com/
terimakasih
ga berhasil sense :(
mas gimana cara buat site map kayak punya mas supaya menarik mas
http://digitalspacex.blogspot.com
Thx my big bro,,blog anda sungguh jadi rekomendasi untuk blog saya..
terima kasih........ banyak tambahan ilmu blog yg baru q dpat dari sini.......
terimakasih ndan.
ijin pakai .
masih coba2.
d bantu ya
trmakasih sob ,akhirnya ane bisa bikin daftar isi blog ane ,thanks... 1000x
thankz infonya shob...!!!
numpang copas yach...!!!
www.adhye08agustus.co.cc
salam kenal ya......terima kasih atas infonya.
artikel yang sangat bermanfaat bagi saya,ow ya ada yg mau saya tanyakan mas,saya pasang gadget di bawah header kok gag pernah jadi ya..hasilnya pada tata letak pasti di atas header,trus kalo liat perubahanya di blog pasti menutupi judul blog pozenk mas...cara pasang banner di header blog juga selalu gagal,saya cari cari cara di beberapa blog lain juga sama hasilnya mohon pencerahanya mas..salam dari super nubi..hehehe trima kasih mas
terimah kasih ya totorialnya
Terima kasih infonya.
Trims buat trik nya juga buat java scriptnya... bookmarked this blog :-)
Mohon izin, copas, gan,.. salam kenal,...
Gan,,artikelnya sangat berguna bagi blogger pemula spt Saya,,jadi,saya ucapkan terima kasih banyak buat Agan,,Salam kenal...
apa script di atas tidak mengganggu script lain yang sudah terpasang, misalnya script readmore???
Maaf mas saya mau tanya,
kan saya juga udah nyari tutor membuat sitemap, ternyata ada perbedaan pada nama scriptnya. ( ex : bukarahasiablog-toc.js )
trus biar punya script sendiri bagaimana caranya?
ane baru belajar bikin blog gan, ijin pake ilmunya, hehee
gan, ajarin bikin sitemap dong buat blog ane yang ini http://duadua-juli.blogspot.com
kirim via email gan di marya.dwi12@gmail.com thx gannn
mas gmn bikin daftar isinya ane udah tulis judulnya macam 2 info tp pas di liat kok cmn judul ga ada isinnya ?...
thanks
mampir yah gan http://rezatogar.blogspot.com/
itu mungkin masalah loading javascriptnya, coba dicek lagi, atau file javascriptnya dihosting sendiri ke javascript hosting lain
mantap gan terimakasih sangat membantu ni ijin buat ngambil sebagian gan n jangan lupa maen maen ke http://chombrosshare.blogspot.com/
mohon di kasih saran gitu.. maklum masih anak bawang
nice info :D
numpang lewat gan blog walking
makasih bos..infonya,,,and salam kenal
gan kok gak berhasil. cuma tampak judul sitemap nya doank. lihat blog aku biar tahu..
http://zegadget.blogpsot.com
gan numpang copas bleh gk gan... maklum newbie gan hehehe mksih sebelumnya, saya selalu lihat blog agan buat belajar gan thankz
akhirnya sampai disini googling saya...thanks... bermanfaat bgt... semoga menjadikan pahala di bulan suci ini...amin
makasih mas, ijin pake widgetnya...
langsung saya ikutin cara diatas buat saya terapin di blog saya . thanks.
Sukses maing sukses maning.. kepriben kiye son, hee.. thanks mas, emang gak rugi ngikutin artikel disini.. oye punya dah pokoknya.
Thanks mas atas infonya, setelah nyari info kesana kemasi n sempet dikibulin akhirnya ketemu yang bener juga,he2
kunjungi balik blogku mas di jadwaleventsindonesia.blogspot.com
Thanks Om, sangat bermanfaat..
Mungkin akan lebih baik lagi Om sharing cara bikin java script-nya juga.. :D
Udah muncul ,, tapi kok gak ada isi nya?? :D
mohon bantuan nya ..
Mantap bnget pstinagnnya... mksih mas
Numpang nanya mas
Kalau script itu permanen gak mas?
kalau tidak permanen yang dari html doang ada gak mas?
makasih ya..
Izin copy scriptnya mas, blogger newbie yg banyak belajar dari tutorial anda. Mohon kritik dan saran untuk blog saya. semangat blogging pantang mundur...! terima kasih :)
izin pake scripnya ya gan !
thx gan
_salam blogger_
nice article...
thanks for sharing with us...
makasih mas sharingnya bermanfaat...
mohon ijin kenalan dengan site sy tempatnya rewrite/spin artikel ind 100% free, disini:
http://thearticlespinner.com/
trimksh & salam kenal....
tak cobain dulu nih tutorial ya..., jadi nya kaya sih, soal nya belum paham nih ama mposting yg di maksud kan.. salamk sukses
.........makasih banyak..........
Terima kasih gan sangat membantu,, sekalian blogwalking
aq sdh buat dftr isi,ko jdix gni,hlang hruf depannya kmrin c aq utak-atik wrna,jdi gni deh g tau mau di gimna lgi
boleh dicoba nih tutor :D
makasih ,
Gan gmna caranya bikin daftar isi yang labelnya diberi spoiler kaya punya Agan ? biar lebih menarik dan g terlalu panjang ...
Salam KenaL
Postingan yang bermanfaat...!
klo untuk yang di submit di webmastertoll bagaimana gan
Akhirnya Sitemap saya kembali setelah sempat menghilang. Trima kasih Mas tutorial bermanfaat ini yg telah membatu saya.
bole nanya ga Mas ? kalo terlanjur make SMARTLINK gimana cara ngilangin nya kembali ya,ada yg bilang jg kalo make smartlink bisa2 site kita dibanned google.Mohon pencerahannya Mas,makasih b4
wah keren bgt hasil site map nya,,
pernah nyoba yang dilain ribet caranya n hasilnya kurang maksimal.
yang ini mudah dan keren bgt hasilnya,,
pertamax n makasih atas infonya,,
Thanks bnget sob atas postingannya
Mas Azmi
sitemap ini bisa tidak hanya menampilkan label tertentu saja, jd tidal semua label muncul
Terimakasih sebelumnya
sudah saya pasang di blog saya pak dosen.hehehe
keren ya jadinya
Mantap thank you masbroo
sippp...
trimz gan
Mas, bagaimana caranya membuat sitemap seperti yang mas punya? boleh dong kasih kodenya..
Makasih sebelumnya..
gan, minta kode sitemap kayak yang di screenshot dunk, kode yang agan posting di atas kan dipisahkan per label??
thanks before agan...
informasi menarik bro dan aku suka tinjauannya dan salam kenal dari mico dan juga sekalian bagi kawan2 yg suka film box office ampe horor silakan kunjungi situsnya dan makasi utk admin disini juga bro thanks ya
nice share gan....... mampir ke blog ane ya (di nama oped id ane)
kalau inginnya menampilkan judul label nya saja gimana boz..ga usah judulnya,,makasih sebelumnya..
Setelah saya pasang script cara buat sitemap ( daftar isi ) tapi tdk bisa keluar daftar isinya,cuma ada tulisan judul sitemapnya aja.mohon solusinya.om
makasih mas bro sudah tak coba di blog newbie saya dan berhasil............
gan milikku kok ndak jadi jadinya kayak ini
Daftar Isi
/rif/Rif - 7 (Full Album 2010) Download Mp3Biografi rif bandDownload Mp3 /RIF Nikmati Aja (2000)Download Mp3 /RIF Pilmalu (2006)Download Mp3 /RIF Salami (1998)Download Mp3 /RIF The Best 0f (2004)Download Mp3 /RIF Dan Duniapun Tersenyum (2002)Download Mp3 /rif Radja (1997)Kumpulan Album RifAB ThreeDownload Album AB THREE Komplit Mp3Achmad AlbarDEWA Cintailah Cinta (2002)Download mp3 ACHMAD ALBAR - Self Titled (1992)Ada...
Read More
solusinya gimana gan terima kasih
thanks gan atas infonya. ijin pake script-nya
maksih ilmunya
dipasang sitemapnya dulu baru minta ijin nih terimakasih ilmunya..
Terima kasih informasinya :)
Sudah saya pasang secara lengkap Mas,tp masih kosong !
apa nunggu artikel yg terindeks sampai puluhan dulu di webmaster tool ?
soalnya sitemap artikel baru ter indeks 10 artikel
**makasih Mas azmi
saya masuh kesulitan mengaplikasikannya. yang jd masalah tutorial ini pake blog model lama. agak berbeda dan membingungkan bagi saya yang newbie dan sdh pake blog versi anyar, makasih
http://atribut-pramuka-paskibraka.blogspot.com/
makasih mas tutorialnya
sudah bisa digunain di blog saya...
http://suksesberaffiliate.blogspot.com/2013/01/sitemap.html
terimaksih sob sitemapnya oke mantap
thanks,,sangat bermanfaat,,:)
anu di blogku punya masalah, blogku adalah www.seo-for-top.blogspot.com
masalah : 1. tulisan homenya kecil
2. disamping home ada judul blog, bagaimana cara menghilangkan judul blognya?
3. artiekl yang baru diposting ukuran gambarnya besaar
trima kasih jika berkenan untuk menjawab
@Alief: Sebaiknya anda gunakan contact form (linknya di footer), ceritakan detilnya lebih jelas, dan sertakan screenshot webnya.
Cara membuat sitemap tanpa kategori gimana gan?
http://dpc-faster.blogspot.com
terima kasih.. saya coba pasang dan hasilnya bagus
Thanks widget untuk sitemapnya Boss.... Emang yahuuddd tutorial si Bos ini. Sekali lagi terima kasih.
apa bedanya sama yang di daftarin di google,,scriptnya sama aja ya?
omtolong buatin dong yg tulisan labelnya warna merah
makasih gan
kok malah gag ada postingannya????
gmna cara membuat cuman 1 labe aja yang di tampilkan kayak punya abang ini ?
tidak itu multilabel, sama.
Artikelnya keren, terima kasih infonya
terimmakasih banyak kk. semoga rejekinya bertambah lancar.
akhirnya nemu disii caranya bikin daftar isi yang betul2 bekerja di blog saya
terimakasih banyak mas, sukses saya terapkan di blog saya, sekali lagi terimakasih ilmunya.
Maksudnya yang nomor 8 gimana mas, NEWBIE soalnya
Done = udah kelar = selesai
Post a Comment