Posted by
Daftar isi/Sitemap merupakan salah satu elemen yang tergolong penting dalam Blog atau Web. Layaknya sebuah buku, Blog juga harus memiliki Daftar Isi sebagai tempat informasi bagi pengunjung blog yang berisi daftar Judul-judul artikel yang sudah di publikasikan. Sehingga para pengunjung bisa dengan mudah mencari informasi yang dibutuhkan.
Bagi anda yang sudah membuat artikel banyak dan memiliki beragam label/kategori sudah seharusnya membuat laman Daftar isi.
Menurut para ahli SEO, membuat daftar isi/Sitemap blog juga termasuk salah satu bentuk SEO lo, sebab dalam daftar isi memuat susunan Link yang sangat komplek dan secara otomatis memperkuat link building sebuah blog.
Ok dech sobat blogger tanpa basa basi, silahkan ikuti saja langkah-langkah nya di bawah ini.
Cara Mudah Membuat Halaman Daftar isi (Sitemap) di Blog Berdasarkan Label/Kategori.
- Pertama: Silahkan anda login di Blogger.com
- Kedua: Silahkan anda klik Halaman -> laman baru, Silahkan beri nama laman contohnya: Daftar isi atau Sitemap
- Ketiga: Silahkan Masuk ke Tab HTML
- Keempat: Kalau sudah, silahkan masukkan script di bawah ini.
<div class='jontor'> <script src="https://rawgit.com/mastamvan/backup/master/sitemap.js"></script> <script src="/feeds/posts/default?max-results=5000&alt=json-in-script&callback=mas_tamvan_Load"></script> </div> <style type='text/css'>.jontor{width:100%;border-collapse:collapse;text-align:left;overflow:hidden;margin:0 auto;} .jontor a{color:black;} .jontor p .mas_tamvan_Label{background:#4ECDC4;display:block;padding:12px;} .jontor ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#d9f4f2;color:#666;text-decoration:none;transition:all .3s ease-out;} user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;} .jontor ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#0fa9cd;color:#fff;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;} .jontor ol li:hover:after{left:-.5em;border-left-color:#0fa9cd;} .jontorol li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);} .jontor ol li:after{position:absolute;content:'';border:.5em solid transparent;left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;} ol{counter-reset:li;list-style:none;font:15px 'Arial';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;} .mas_tamvan_Postname li:nth-of-type(odd){background:#f1f3f3;} .new{color:red!important;font-weight:700;font-style:italic;} user agent stylesheetol{display:block;list-style-type:decimal;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;} </style></div><style type='text/css'>.jontor{width:100%;border-collapse:collapse;text-align:left;overflow:hidden;margin:0 auto;}.jontor a{color:black;}.jontor p .mas_tamvan_Label{background:#4ECDC4;display:block;padding:12px;}.jontor ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#d9f4f2;color:#666;text-decoration:none;transition:all .3s ease-out;}user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;}.jontor ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#0fa9cd;color:#fff;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}.jontor ol li:hover:after{left:-.5em;border-left-color:#0fa9cd;}.jontorol li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);}.jontor ol li:after{position:absolute;content:'';border:.5em solid transparent;left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}ol{counter-reset:li;list-style:none;font:15px 'Arial';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;}.mas_tamvan_Postname li:nth-of-type(odd){background:#f1f3f3;}.new{color:red!important;font-weight:700;font-style:italic;}user agent stylesheetol{display:block;list-style-type:decimal;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;}</style>
- Selesai, silahkan anda lihat.
Cara Mengatur Jumlah Artikel Yang Ingin di Tampilkan di Daftar Isi/Sitemap
- Anda tinggal merubah nilai pada kode berikut: max-results=5000
- Silahkan anda rubah nilai 5000 dengan jumlah artikel yang kamu ingin tampilkan pada setiap label blog
Semoga artikel ini bermanfaat.
Sumber blog Mas Tamvan.
Share This :
0 komentar