Help you by sincere

November 6, 2018

SITEMAP PALING RESPONSIVE

7
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 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
    Replies
    1. hehehe saya cobakan ke blog ini

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

    ReplyDelete
    Replies
    1. Demonya blog ini saya cobakan

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

    ReplyDelete

Follow