Saat saya sedang pusing mencari cara memasang sitemap tanpa harus membuat rawgit sendiri, dan menulis kata pencarian eh ketemu sebuah artikel dari blog berbahasa Inggris, kirain punya bule ternyata blogger tanah air. Blognya Dkrawn :
Sitemaps ini simple tidak perlu merobah link apa apa, dipakai langsung jadi.
Caranya sama saja dengan cara pemasangan sitemap atau daftar isi blog pada umumnya:
How to create easy an automated Sitemap in blogger
Dia sepertinya menggunakan atau "meminjam" rawgit Arlina-Design, mudah dan sederhana. Kalau kode sitemap lain tidak bekerja pada blog anda, mungkin yang satu ini dapat bekerja dengan baik.Sitemaps ini simple tidak perlu merobah link apa apa, dipakai langsung jadi.
Caranya sama saja dengan cara pemasangan sitemap atau daftar isi blog pada umumnya:
- Masuk ke pengaturan blog
- Pilih Halaman atau Page
- Pada Halaman entri terdapat opsi "Compose" dan "HTML"
- Pilih klik HTML
Kopi kode dibawah ini dan pastekan kedalam halaman HTML tadi, kodenya telah saya modifikasi sedikit untuk warna HEX, kode ini sendiri awalnya dibuat oleh Arlina-Design gak tau ada hubungan apa sitenya DKrawn sama Arlin-Design, saya cuma bantu menyebarkan trik yang mungkin berguna untuk kita semua:
<div dir="ltr" style="text-align: left;" trbidi="on"><div id="bp_toc">Loading Sitemap. Please wait....</div><script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script><style scoped="" type="text/css">#comments,#Label1,#FollowByEmail1 {display:none;}#HTML3 {visibility:hidden;}/* CSS Full Sitemap */#bp_toc {background:#6495ED;color:#6495EDmargin:0 auto;padding:5px;}span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;text-decoration:none;color:#aaa;font-family:'Roboto';font-weight:700;letter-spacing: 0.5px;}.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {text-decoration:none;}.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#cdb280;}#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}.toc-entry-col1 {counter-increment:rowNumber;}#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}td.toc-entry-col2 {background:#fafafa;}#bp_toc a{text-align:left;float:none;font-size:90%;padding:0}</style></div>
Save tema
Note: Artikel ini berdasarkan artikel DKrawn, dan juga terkait dengan Arlina-Design
Simple sih tapi masih lebih suka sitemap bawaan tema contempo editan kompiajaib
BalasHapusya pakai boostrap, loadingnya sebenarnya sampai dua putaran, boostrap mengandalkan library yang besar
HapusSaya lihat contoh modelnya, keren juga ya, mirip kayak tabel gitu.
BalasHapushehehe saya cobakan ke blog ini
HapusPak Sofan hanya saran ya, tambain demonya,
BalasHapusDemonya blog ini saya cobakan
Hapussudah saya coba, ringan bangat ya pak. Terima kasih, shere yang bermanfaat,
BalasHapus