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.
Apa Fungsi 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&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:#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:'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;}</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
0 Response to "Cara Membuat Sitemap Otomatis 100% Responsive"
Posting Komentar