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

7 Komentar

Silahkan berkomentar sesuai dengan topik kita ya...

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

    BalasHapus
    Balasan
    1. ya pakai boostrap, loadingnya sebenarnya sampai dua putaran, boostrap mengandalkan library yang besar

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

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

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

    BalasHapus
Lebih baru Lebih lama

Formulir Kontak