Cara Membuat Sitemap / Daftar Isi Pakai Tabel Keren di Blogger
SepintasSeo - Di Blogspot atau Blogger terdapat feed yang bisa digunakan sebagai sitemap ataupun daftar isi. Cara membuat daftar isi atau sitemap tersebut sangat mudah atau gampang, yaitu dengan menempelkan sedikit kode javascript ke laman (page) ataupun dan tentunya dengan memanfaatkan feed atau RSS dari blog yang bersangkutan.
Pembuatan sitemap atau daftar isi secara otomatis pada artikel ini ditujukan untuk pengunjung blog kita, bukan untuk robot Google. Platform blog yang dimaksud di sini adalah Blogger bukan Wordpress, Tumblr, dan platform blog lainnya. Blogger memberikan fasilitas untuk membuat sitemap dengan begitu mudah dan secara otomatis.
Nah dalam sitemap ini di modifikasi dengan bentuk tabel-tabel yang dipadukan dengan warna biru putih agar sitemap lebih keren, ringan dan responsif. Sitmap inilah yang saya pakai pada blog sepintasseo ini. Jika anda ingin membuat sitmap seperti ini silahkan ikuti cara-cara berikut ini :
Berikut cara membuat sitemap / daftar isi otomatis di Blogger :
#1. Masuk ke akun blogger
#2. Pilih menu 'Laman'
#3. Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')
#4. Pilih mode 'HTML'
#5. Beri judul Daftar Isi atau Sitemap (judul terserah anda)
#6. Masukkan kode script alien ini sebagai berikut:
#7. Ganti kode warna biru menjadi url blog anda
#8. Publikasikan
Nah itulah Cara Membuat Sitemap / Daftar Isi Pakai Tabel Keren di Blogger, laman sitemap/daftar isi ini sangat penting untuk sebuah blog, beguna untuk pengunjung blog yang ingin mengetahui artikel-artikel blog dan tentu saja menjadi syarat wajib untuk daftar Google Adsense.
Pembuatan sitemap atau daftar isi secara otomatis pada artikel ini ditujukan untuk pengunjung blog kita, bukan untuk robot Google. Platform blog yang dimaksud di sini adalah Blogger bukan Wordpress, Tumblr, dan platform blog lainnya. Blogger memberikan fasilitas untuk membuat sitemap dengan begitu mudah dan secara otomatis.
Nah dalam sitemap ini di modifikasi dengan bentuk tabel-tabel yang dipadukan dengan warna biru putih agar sitemap lebih keren, ringan dan responsif. Sitmap inilah yang saya pakai pada blog sepintasseo ini. Jika anda ingin membuat sitmap seperti ini silahkan ikuti cara-cara berikut ini :
Berikut cara membuat sitemap / daftar isi otomatis di Blogger :
#1. Masuk ke akun blogger
#2. Pilih menu 'Laman'
#3. Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')
#4. Pilih mode 'HTML'
#5. Beri judul Daftar Isi atau Sitemap (judul terserah anda)
#6. Masukkan kode script alien ini sebagai berikut:
<div dir="ltr" style="text-align: left;" trbidi="on"><style>#tocTable {border:2px solid white;font:normal normal 11px/normal Verdana,Tahoma,Arial,Sans-Serif;color:#333;border-collapse:collapse;text-align:left;margin:0 0 5px;}#tocTable th,#tocTable td {border:1px solid white;background-color:#fafafa;padding:10px 15px;}#tocTable th {background-color:#5d5d5d;font-weight:bold;color:white;text-shadow:0 1px 0 rgba(0,0,0,.3);}#th-1 {width:60%;background-color:#5A930D;}#th-2,#th-3 {width:20%}#tocTable td.toc-header-col-1,#tocTable td.toc-header-col-2 {padding:0 !important;background-color:#2372A7;}#tocTable td.toc-header-col-3 {background-color:#D7DEF0}#tocTable a {display:block;text-decoration:none;color:white;padding:10px 15px;background:none;}#tocTable td.toc-header-col-1:hover,#tocTable td.toc-header-col-2:hover {background-color:#174B6F;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.4);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.4);box-shadow:inset 0 0 3px rgba(0,0,0,.4);}#tocSort {display:block;width:220px;font:normal bold 12px/normal Verdana,Tahoma,Arial,Sans-Serif;color:#333;cursor:pointer;border:none;outline:none;background-color:#eee;margin:0 0 2px 0;padding:5px;}</style><script>var theTotalPosts = 9999, // Tentukan jumlah maksimal postingtheOptions = "Sortir...", // Label opsi 1theSortPosts = "Sortir berdasarkan Abjad", // Label opsi 2theSortLabels = "Sortir berdasarkan Label", // Label opsi 3theTitles = "Judul Artikel", // Header tabel 1theLabels = "Label Artikel", // Header tabel 2theDates = "Bulan Terbit", // Header tabel 3theBlankLabels = "Tak Berlabel", // Label kosongtheSiteUrl = "http://sepintasseo.blogspot.com"; //</script><script src="http://dte-project.googlecode.com/svn/trunk/toc-table-sort.js"></script></div>
#7. Ganti kode warna biru menjadi url blog anda
#8. Publikasikan
Nah itulah Cara Membuat Sitemap / Daftar Isi Pakai Tabel Keren di Blogger, laman sitemap/daftar isi ini sangat penting untuk sebuah blog, beguna untuk pengunjung blog yang ingin mengetahui artikel-artikel blog dan tentu saja menjadi syarat wajib untuk daftar Google Adsense.
gan maaf mau bertanya kok belum bisa ya saya aplikasikan ke blog saya. saya menggunakan domain tld basic blogger. terimkasih
ReplyDeletewidget diatas khusus yg pake sub domain .blogspot.com aja gan
Deletenggak gitu, itu .js nya koid
DeleteGooglecode udah gak bisa dipake buat nyimpen file JS
DeleteKeren sitemapnya gan ane coba dulu
DeleteCara Meningkatkan CTR Google Adsense Pada Blog
Cara Agar Blog Muncul Di Pencarian Google
Penyebab Kenapa blog anda selalu ditolak adsense ?
This comment has been removed by a blog administrator.
ReplyDeleteSangat bermanfaat buat blogger dan buat visitor jd lebih mudah mencari artikelnya.
ReplyDeleteSubmit juga artikelnya di Social bookmark majalah45.com ya gan
Makasih mas, tutorialnya setlah saya coba sukses 100% :D
ReplyDeletenah mantap yang ini baru berhasil, makasih mas sitemap saya jadi keren nih :D
ReplyDeletekunjungi juga blog saya, baru belajar, hehe www.seriusgue.com
punya anna g bisa kang sudah di ganti url tetep ajj
ReplyDeletebagus gan artikel nya kunjung balik ya gan http://loopnetwork21.blogspot.co.id/2016/04/cara-membuat-sitemap-di-blog.html
ReplyDeletesaya sudah coba gan tapi tidak bisa . kunbal ke komchar.blogspot.com
ReplyDeletewahh..jd keren gan daftar isi blog sy..thanks
ReplyDeletekasus... sitemap perlabel, tapilan no 11 atau tulisan terlalu banyak akan berpindah ke no 2_ dan setwrusnya.. jadi tidak teratur nomor poatingnya.. bgm itu gan ?
ReplyDeletekasus... sitemap perlabel, tapilan no 11 atau tulisan terlalu banyak akan berpindah ke no 2_ dan setwrusnya.. jadi tidak teratur nomor poatingnya.. bgm itu gan ?
ReplyDeletemakasih gan
ReplyDeletemaaf mas, itu yang // Tentukan jumlah maksimal posting dan lainnya di hapus atau biarkan saja ?
ReplyDeleteKo ga bisa nongol mas saya sudah terapkan cara caranya
ReplyDeleteidem ..
ReplyDeletegak muncul list blognya..
Obat Aborsi
ReplyDeleteJual Obat Aborsi
Penggugur Kandungan
Obat Telat Bulan
akhirnya nemu juga. makasih ...
ReplyDeletekok gak bisa gan ??? apa ad syarat semisal tembako ama sirih juga ya gan ???
ReplyDeletemohon penjelasannya gan...
heheheh
kok gak bisa gan ??? apa ad syarat semisal tembako ama sirih juga ya gan ???
ReplyDeletemohon penjelasannya gan...
heheheh
di blog saya kok gagal ya gan?
ReplyDeletekok di blog saya gak muncul ya gan?
ReplyDeleteGoogle Code udh gak bisa jadi hosting ya...
ReplyDeletesitemapnya gak jadi, gagal...
Cara Membuat Sitemap Otomatis Sederhana di Blogger
ada style yang lebih keren gan >?
ReplyDeletebisa di wordpress gk gan ?
ReplyDeleteini bisa gak gan untuk di wordpress , soalnya saya paai worodpress
ReplyDeleteGan ada backup Code JS nya gak Soalnya Js yg dari googlecode gk tampil
ReplyDeleteMakasih Mas Bermanfaat :D
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteSitemapnya terkesan bagus dan rapi .. thanks tipsnya ..
Deleteizin comot yeah mas ??
www.sagoetunong.id
script error mohon diperbaiki http://dte-project.googlecode.com/svn/trunk/toc-table-sort.js
ReplyDeleteKalau yang sudah custome domain gimana gan?
ReplyDeleteKeren gan mantap untuk blog saya
ReplyDeleteKeren gan. Terimakasih ya
ReplyDeleteSalam Cara buka toko online gratis di tokopedia lewat hp
script sitemap terbaru coba di sini :
ReplyDeleteCara Membuat Sitemap Otomatis Sederhana di Blogger
SCRIPT SITEMAP TERBARU coba di sini :
ReplyDeleteCara Membuat Sitemap Otomatis Sederhana di Blogger
Wah..gak bisa gan
ReplyDeletega work lg sob, adakah script baru??
ReplyDeleteko di blogku ngga jadi ya gan....
ReplyDeletedi blog ane kok kaga work yak gan
ReplyDeleteScriptnya error jadi sitemapnya ga muncul boss
ReplyDeletesite maps blog ini saja ngak ada...tapi yach makasih
ReplyDeletesalam infokito.com
This comment has been removed by the author.
ReplyDeletethx bro tutorialnya, mampir juga diblog kecil ane, http://tutorialhpcom.blogspot.com
Deletegan bisa mas
ReplyDeleteBoleh di coba ni
ReplyDeleteWah mau saya coba nih, keren tampilannya.
ReplyDelete
ReplyDeletethanks gan atas infonya...Kami menyediakan jasa travel tour biro perjlananan anda ke tanah suci mekah.. Kunjungi Halaman kami di Arwaniyyah Tour Travel
Gak bisa gan. Cuma muncul judulnya saja gmn nih
ReplyDeletega bisa gan, cuma muncul judul aja http://paytrenpurwokertomrv.blogspot.co.id/
ReplyDeletekok tidak bisa di terapkan di blog..kayaknya ada yang salah kodenya.
ReplyDeletescript mati nggak bisa muncul
ReplyDeleteThanks gan tutorialnya mantap
ReplyDelete