Cara Membuat Sitemap Atau Daftar Isi di Blogspot

Unknown

Sabtu, 16 Juli 2016

Sitemap Atau Daftar Isi Blog

adzennur.blogspot.co.id | Pernahkah anda bekunjung kesebuah blog yang dilengkapi dengan sitemap atau daftar isi? Lalu anda lihat-lihat daftar isi yang begitu banyak, tertata rapi dan dengan sekali klik kita akan menuju halaman yang sesuai dengan judul yang kita klik.

Pernahkah anda berfikir bagaimana cara membuat daftar isi yang seperti itu? Apakah dengan cara manual dengan menulis judul dihalaman daftar isi, kemudian tulisan itu dimasuki link halaman yang sesuai dengan judul? Ataukah ada trik khusus yang lebih mudah?

Jawabannya adalah bisa dua-duanya sobat...
Kalau saya lebih suka menggunakan trik khusus, selain lebih mudah dan simpel. Kita juga g perlu pusing-pusing bolak balik kehalaman daftar isi untuk update.

Kalau ada yang mudah, kenapa nyari yang susah?? betulkan???? hehehe

Lalu?? Bagaimana caranya mas bro?? 

Oke, langsung saja kita bahas caranya.

Bentuk Daftar Isi

Sebenarnya bentuk daftar isi yang dihasilkan dari trik khusus itu sendiri ada berbagai macam, adapun yang akan saya bahas disini cuma yang berbentuk campuran, alias setiap kita posting artikel, nanti judul kita akan bertambah secara otomatis kehalaman daftar isi tanpa ada label yang mengelompokkannnya, seperti gambar dibawah ini:

Daftar Isi Campuran

Namun, ada juga daftar isi yang lebih rapi. Yakni daftar isi yang dikelompokkan dengan menggunakan label-label yang telah kita buat dalam postingan artikel kita (Saran saya, pakai daftar isi jenis ini saja, karena lebih memudahkan pengunjung), seperti contoh gambar berikut ini:

Daftar Isi Dengan Label

Cara Membuat Daftar Isi Campuran

1. Buat halaman/page baru (perhatikan!!! halaman/page baru bukan pos baru/new entri)

2. Beri judul halaman tersebut dengan "Sitemap" atau "Daftar Isi)

3. Ganti mode compose ke HTML

4. Copy dan Pastekan kode script dibawah ini

5. Ganti tulisan merah dengan alamat URL blog kalian

6. Publish >> Selesai >> Cek Hasilnya

<script>
var numposts = 1000;
var showpostdate = true;
var showpostsummary = false;
var numchars = 200;
</script>
<script>
function rp(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;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.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";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true) document.write(' ' + cdyear + ' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script>  
<script src="https://alamat-blog-anda.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=1000&orderby=published&alt=json-in-script&callback=rp"></script>

Cara Membuat Daftar Isi Dengan Label

1. Buat halaman/page baru (perhatikan!!! halaman/page baru bukan pos baru/new entri)

2. Beri judul halaman tersebut dengan "Sitemap" atau "Daftar Isi)

3. Ganti mode compose ke HTML

4. Copy dan Pastekan kode script dibawah ini

6. Publish >> Selesai >> Cek Hasilnya

<div style="background-color:none; max-height:1200px; margin:auto;overflow:auto;padding:3px;text-align:left;width:100%;"><script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftsimple.js"></script><script src="/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Bagaimana sobat? ternyata mudah bukan membuat daftar isi blogspot?

Sekian artikel kali ini, semoga bermanfaat dan terimakasih telah berkunjung :)

Baca juga:
Dimana Tempat Mendaftar Program Google Adsense
Seberapa Besar Peluang Kita Untuk Menjadi Publisher Google Adsense?

Tag : Trik Blogging

Share