Cara Mudah Membuat Sitemap atau Daftar Isi di Blog hanya 1 Menit

Cara Mudah Membuat Sitemap atau daftar isi di Blog - Mungkin anda sudah tahu apa itu daftar isi blog, Ya,daftar isi merupakan daftar artikel-artikel blog yang tercantumkan berdasarkan label atau kategori blog tertentu

Cara Mudah Membuat Sitemap hanya 1 menit

Pada artikel sebelumnya saya sudah membahas tentang cara membuat halaman kontak di blog yang wajib sekali dibuat sebelum mendaftar google adsense. Tetapi artikel yang kali ini saya akan memberikan kepada kamu cara membuat daftar isi blog dengan mudah. Mungkin kamu sudah tahu apa itu daftar isi blog, Ya,daftar isi merupakan daftar artikel-artikel blog yang tercantumkan berdasarkan label atau kategori blog tertentu.

Misalnya kamu membuat sebuah artikel dan dikelompokan ke kategori blogging. Yang artinya dalam daftar isi artikel tersebut semuanya tentang blogging, Ingat, layanan daftar isi hanya bisa di urutkan berdasarkan kategori blog saja.

Sebenarnya daftar isi tidak ada pengaruhnya terhadap google adsense, Namun daftar isi memang ada juga manfaat untuk blog kita. Misalnya dapat mempermudah pengunjung setia blog kamu untuk bisa menemukan artikel-artikel berdasarkan label dan tanggal yang ditentukan.

Jika tidak ada daftar isi blog, bagimana pengunjung bisa menemukan artikel yang relevan di blog kamu. Nah,artikel inilah yang kamu cari-cari untuk bisa membuat daftar isi blog hanya dalam waktu 1 menit saja. Oke,sekarang silahkan untuk melanjutkan membaca tutorial ini hingga selesai.

Cara Mudah Membuat Sitemap atau Daftar isi di Blog

cara mudah membuat sitemap hanya 1 menit

Pertama login seperti biasa di akun blogger kamu, Setelah itu buka Pages atau Laman baru di blogger untuk membuat layanan daftar isi, Ingat jangan gunakan entri baru untuk membuat daftar isi tersebut.

Jika sudah terbuka halaman atau pages kamu, lalu ganti dari mode Compose menjadi HTML. Mengapa saya sarankan memakai HTML, karena dalam membuat daftar isi, kamu hanya perlu memakai teknik copy paste saja. Nah, kemudian copy semua kode-kode yang ada didalam kotak dibawah ini
<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:#f4f5f6;color:#666;margin:0 auto;padding:4px;} span.toc-note{padding:20px;margin:0 auto;display:block;text-align:center;color:#7f8c8d;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:12px; text-decoration:none;color:#aaa;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>
Tahap berikutnya cukup kamu paste kode diatas tersebut dan klik Publikasikan. Oke,sekarang sudah selesai membuat daftar isi blog kamu dengan mudah.

Kelebihan yang dimiliki daftar isi dengan kode diatas memiliki tampilan yang sederhana namun mewah dan bisa dibilang sangat responsive. Memiliki Label dan tanggal postingan di tayangkan, Jika kamu ingin sekali melihat tampilan daftar isi responsive atau demonya silahkan di halaman page saya lalu klik sitemap.

Demikianlah artikel yang dapat saya sampaikan tentang "Cara membuat daftar isi blog dalam 5 menit"semoga artikel diatas bisa bermanfaat bagi kamu dan dapat mempermudah membuat daftar isi blog.

COMMENTS

Name

AdSense,8,Bisnis Online,9,Internet and Web,1,Media Sosial,2,SEO,16,Tips Blogging,31,Tutorial,12,YouTube,1,
ltr
item
Writer Gilby: Cara Mudah Membuat Sitemap atau Daftar Isi di Blog hanya 1 Menit
Cara Mudah Membuat Sitemap atau Daftar Isi di Blog hanya 1 Menit
Cara Mudah Membuat Sitemap atau daftar isi di Blog - Mungkin anda sudah tahu apa itu daftar isi blog, Ya,daftar isi merupakan daftar artikel-artikel blog yang tercantumkan berdasarkan label atau kategori blog tertentu
https://4.bp.blogspot.com/-mSQNlaicfho/WmhwKU13pnI/AAAAAAAAAZQ/6u6nq-3VWGgEW4vjegcM3RWV87QB5VtIQCLcBGAs/s400/sitemappppp.png
https://4.bp.blogspot.com/-mSQNlaicfho/WmhwKU13pnI/AAAAAAAAAZQ/6u6nq-3VWGgEW4vjegcM3RWV87QB5VtIQCLcBGAs/s72-c/sitemappppp.png
Writer Gilby
https://www.writergilby.com/2018/01/cara-mudah-membuat-sitemap-di-blog.html
https://www.writergilby.com/
https://www.writergilby.com/
https://www.writergilby.com/2018/01/cara-mudah-membuat-sitemap-di-blog.html
true
5831797774698540610
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy