-->

Cara Membuat Sitemap Otomatis 100% Responsive

Kali ini saya akan membahas Cara Membuat Sitemap Otomatis 100% Responsive , kehadiran Sitemap atau Daftar Isi ini di nilai sangat penting bagi sebuah web/blog. Mungkin bagi anda yang baru pertama kali mengenal blog  rada bingung tentang  “Apa itu sitemap?” dan “Apa fungis Sotemap?”

Apa itu Sitemap?
Sitemap adalah daftar isi atau peta dari sebuah blog yang dapat memudahkan pengunjung untuk mengetahui apa saja yang ada didalam blog anda. Sitemap itu seperti buku yang memiliki daftar isi, blog juga memiliki daftar isi tentang semua artikel yang anda tulis akan muncul pada blog.


Cara Membuat Sitemap

Apa Fungsi Sitemap?
Fungsi dari Sitemap adalah mempermudah para pembaca dari berbagai penjuru untuk mengetahui isi dari blog atau situs anda, sitemap juga memiliki fungsi vital terhadap ke-SEO-an sebuah blog karena sitemap bisa sebagai navigasi blog/situs, sehingga search engine Google lebih mudah mengindexs situs/blog anda


Sebelum anda membuat sitemap, pastikan anda memberi label pada artikel, karena jika artikel tidak diberi label maka daftar isi tidak akan muncul pada halaman blog.

Setelah anda mengenal apa itu sitemap dan fungsinya, sekarang langsung saja kita mulai Cara Membuat Sitemap

Cara Membuat Sitemap Otomatis 100% Responsive


Silahkan login ke blogger
Selanjutnya pada meu Halaman klik Halaman baru, lihat contoh gambar di bawah ini



kemudian akan muncul halaman statis blogger, lihat contoh gambar di bawah ini


Pada kolom halaman ketik Sitemap ( lihat pada gambar No 1),
Kemudian pada kolom Descripsi penelusuran ketik Sitemap dan klik selesai, (lihat gambar No 2),
Lalu pada gambar No 3 klk HTML, Pada kolom HTML tempelkan script di bawah ini pada kolom tersebut


<div id="bp_toc" style="max-height: 1800px; overflow-x: auto; overflow: scroll;"></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:#31a2db;color:#666;margin:0 auto;padding:4px;}span.toc-note{padding:20px;margin:0 auto;display:block;text-align:center;color:rgba(255,255,255,.5);font-size:1.6rem;text-transform:uppercase;font-weight:700;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;}#bp_toc td.toc-header-col1,#bp_toc td.toc-header-col2,#bp_toc td.toc-header-col3{border:0;border-bottom:1px solid rgba(0,0,0,0.1);}#bp_toc tr:nth-child(1) a {color:#666;}#bp_toc td.toc-header-col1{background-color:#fff;}#bp_toc td.toc-header-col2{background-color:#fff;}#bp_toc td.toc-header-col3{background-color:#fff;}#bp_toc td.toc-entry-col1,#bp_toc td.toc-entry-col2,#bp_toc td.toc-entry-col3{border:0}#bp_toc td.toc-entry-col1{background-color:#fff;font-weight:700}#bp_toc tr:nth-child(odd) td.toc-entry-col1{background-color:#f8f8f8}#bp_toc td.toc-entry-col2{background-color:#fff;}#bp_toc tr:nth-child(odd) td.toc-entry-col2{background-color:#f8f8f8}#bp_toc td.toc-entry-col3{background-color:#fff;}#bp_toc tr:nth-child(odd) td.toc-entry-col3{background-color:#f8f8f8}#bp_toc td a{color:#666;}.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;}</style>

Selanjutnya pada kolom pilihan ( lihat gambar No 4) ikuti sesuai dengan gambar,
Selanjutnya klik publikasikan (lihat gambar No 5)
setelah cara membuat sitemap ini diterapkan dengan benar pada web/blog anda, maka hasilnya seperti gambar di bawah ini


demikianlah Cara Membuat Sitemap Otomatis 100% Responsive, jika ada yang ingin anda tanyakan, silahkan tinggalkan komentar anda dibawah ini, Happy Blogging’s

Berlangganan update artikel terbaru via email:

0 Response to "Cara Membuat Sitemap Otomatis 100% Responsive"

Posting Komentar