SITEMAP PALING RESPONSIVE

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 :

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:
  1. Masuk ke pengaturan blog
  2. Pilih Halaman atau Page
  3. Pada Halaman entri terdapat opsi "Compose" dan "HTML" 
  4. 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&amp;max-results=9999&amp;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:&#39;Roboto&#39;;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



Comments

  1. Simple sih tapi masih lebih suka sitemap bawaan tema contempo editan kompiajaib

    ReplyDelete
    Replies
    1. ya pakai boostrap, loadingnya sebenarnya sampai dua putaran, boostrap mengandalkan library yang besar

      Delete
  2. Saya lihat contoh modelnya, keren juga ya, mirip kayak tabel gitu.

    ReplyDelete
  3. Pak Sofan hanya saran ya, tambain demonya,

    ReplyDelete
  4. sudah saya coba, ringan bangat ya pak. Terima kasih, shere yang bermanfaat,

    ReplyDelete

Post a Comment

请给我们一个礼貌的评论与任何相关的主题
Just give us a polite comments with any related topics
Hanya komentar yang sopan dan berhubungan dengan topik

My photo
sofyan Ya-an
Batam, Kepri, Indonesia
Suka menulis. Peminat sains, matimatika, koding walaupun bukan pelaku aktif. Saya adalah pribadi yang introvert dan soliter - seorang penyendiri.