Cara Membuat Daftar Isi Sederhana dan Otomatis di Blog Terbaru
9/22/2018
Add Comment
Daftar isi atau sitemap merupakan salah satu elemen yang tergolong penting dalam sebuah blog / web. Layaknya sebuah buku, blog juga harus memiliki daftar isi sebagai tempat informasi bagi para pengunjung blog yang berisi daftar judul - judul artikel yang telah dipublikasikan, sehingga pengunjung bisa dengan mudah mencari informasi yang di butuhkan.
Selain itu, menurut para ahli SEO, membuat sitemap blog juga termasuk salah satu bentuk SEO, sebab di dalam sitemap memuat susunan link yang sangat komplek dan secara otomatis memperkuat link building sebuah blog.
Mengapa disebut daftar isi otomatis? Karena setiap postingan yang anda publikasikan akan secara otomatis tersimpan / tercantum di dalam halaman daftar isi blog. Jadi kita tidak perlu menulisnya secara manual, Praktis boss.
Berikut ini cara membuat daftar isi / sitemap otomatis di blog menggunakan script yang bisa di bilang sangat ringan atau Responsive, sebab halaman daftar isi sederhana ini di muat tidak menggunakan bantuan link dari luar.
Langkah-langkahnya sebagai berikut
- Masuk ke Blogger >> pilih blog >> klik menu Laman >> klik laman baru Beri judul laman Daftar isi, Peta Situs, atau Sitemap terserah anda apa mau judulnya
- Klik mode HTML (sebelah compose), Copy dan paste salah satu kode script di bawah ini. Jika anda ingin daftar isi hanya menampilkan judul postingan, silahkan gunakan script berikut ini.
- Publikasikan
- Lihat hasilnya, dan catat alamat sitemap anda, selanjutnya tinggal anda pasang di menu blog anda
<script>
var numposts = 1000;
</script>
<script> function boss(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
posttitle = posttitle.link(posturl);
}
}
document.write(posttitle);
('</li>');
}
('</ul>');
}
</script>
<script src="https://www.officialcode.online/atom.xml?redirect=false&start-index=1&max-results=1000&orderby=published&alt=json-in-script&callback=boss"></script>
Jika ingin daftar isi menampilkan judul dan tanggal postingan, silahkan gunakan script di bawah ini. var numposts = 1000;
</script>
<script> function boss(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
posttitle = posttitle.link(posturl);
}
}
document.write(posttitle);
('</li>');
}
('</ul>');
}
</script>
<script src="https://www.officialcode.online/atom.xml?redirect=false&start-index=1&max-results=1000&orderby=published&alt=json-in-script&callback=boss"></script>
<script>
var numposts = 1000;
var showpostdate = true;
</script>
<script>
function boss(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl; if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
posttitle = posttitle.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
}
}
document.write(posttitle);
if (showpostdate == true) document.write(' ' + cdday + ' - ' + monthnames[parseInt(cdmonth,10)] + ' - ' + cdyear);
('</li>');
}
('</ul>');
}
</script>
<script src="https://www.officialcode.online/atom.xml?redirect=false&start-index=1&max-results=1000&orderby=published&alt=json-in-script&callback=boss"></script>
Jangan lupa ganti warna merah dengan alamat blog anda.
var numposts = 1000;
var showpostdate = true;
</script>
<script>
function boss(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl; if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
posttitle = posttitle.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
}
}
document.write(posttitle);
if (showpostdate == true) document.write(' ' + cdday + ' - ' + monthnames[parseInt(cdmonth,10)] + ' - ' + cdyear);
('</li>');
}
('</ul>');
}
</script>
<script src="https://www.officialcode.online/atom.xml?redirect=false&start-index=1&max-results=1000&orderby=published&alt=json-in-script&callback=boss"></script>
Jika muncul peringatan seperti ini : Laman ini berisi sumber daya HTTP yang dapat menyebabkan konten campuran memengaruhi keamanan dan pengalaman pengguna jika blog dilihat melalui HTTPS. Klik perbaiki, lalu publikasikan
0 Response to "Cara Membuat Daftar Isi Sederhana dan Otomatis di Blog Terbaru"
Posting Komentar