Dalam kesempatan ini saya mau berbagi informasi tips sedikit tentang Membuat daftar Isi Otomatis sesuai label dengan yang kita tentukan sendiri. Tidak usah banyak basa basi langsung saja ke penjelasan nya. Mohon maaf kalau ada slah dan kurang bagusnya kata-kata sebagai blogger.
Daftar isi merupakan bagian penting yang memegang peranan sebagai
sitemap yang akan memberikan informasi tentang apa saja isi yang termuat
atau ada di dalam
blog kita, sehingga pembaca akan lebih mudah dalam
mencari artikel atau tulisan yang sedang mereka cari didalam nya.
Jika
kita membuat daftar isi berdasarkan label secara otomatis yang tidak
kita tentukan sendiri labelnya dikhawatirkan terjadi duplicate content,
karena ketika kita membuat posting terkadang kita memberikan lebih dari
satu label dan tentunya jika label yang kita buat untuk satu posting
lebih dari satu label, maka daftar isi dari beberapa label tersebut akan
muncul secara bersamaan termasuk beberapa content yang terdapat dalam
daftar isi blog ini. Isi yang terdapat pada label
SEO, terdapat juga
pada label Blogger Guide. Hal ini karena tadinya menurut Saya content
yang berkaitan dengan
SEO adalah bagian dari blogger guide juga dalam
blog ini dan itupun memang benar sehingga Blogger Guide Saya jadikan
sebagai basic label dan seo guide adalah main label-nya.
Awalnya
daftar isi dalam blog ini Saya buat secara manual, tetapi hal itu agak
repot. Saya ingin membuat daftar isi yang otomatis berdasarkan label.
Dipikir-pikir, jika Saya buat daftar isi sesuai label otomatis maka
daftar isi yang muncul akan muncul bersamaan pada tiap label yang
mengandung content dari daftar isi tersebut.
Dengan munculnya
judul yang sama pada label yang berbeda ini, Saya khawatir google akan
menganggap hal ini sebagai duplicate content yang akan berpengaruh
terhadap SEO atas content di blog Saya.
Oleh karena itu, Saya
memutuskan untuk membuat daftar isi di blog ini berdasarkan label secara
otomatis yang Saya tentukan sendiri sehingga judul entri yang ada dalam
daftar isi hanya muncul sesuai label pilihan yang Saya inginkan saja
agar pada posting selanjutnya tidak Saya masukan judul posting yang sama
ke label yang berbeda yang terdapat dalam daftar isi blog ini dan
menempatkan jidul posting pada main labelnya saja, tujuannya ya agar
terhindar dari duplicate content kali ya!.
Nah bagi sobat yang ingin
membuat daftar isi otomatis sesuai label yang ditentukan oleh Anda
sendiri dapat mengikuti panduan dan tutorial berikut ini:
Buat
daftar isi Anda, terserah mau sebagai HTML/Javascript pada widget atau
dihalaman posting, kemudian letakan kode javascript berikut ini:
<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ul>
<script
src="http://BlogName.blogspot.com/feeds/posts/default/-/Nama%20Label?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
Ubah nilai var numposts sesuai jumlah judul yang ingin ditampilkan.
Ganti BlogName sesuai nama blog Anda sendiri.
Ganti Nama Label sesuai nama label atau kategori yang ingin ditampilkan.
Label
yang menggunakan spasi, maka spasi diganti dengan: %20. Misalnya: label
Blogger Guide harus ditulis Blogger%20Guide, dan seterusnya untuk tiap
label yang ber spasi. Besar kecil huruf berpengaruh pada berfungsi
atau tidaknya widget atau halaman ini. Karena itu Nama Label harus
benar-benar sesuai dengan nama label yang ada dalam blog Anda.
Untuk
bullet and numbering, gunakan perintah <ul> diakhiri </ul>
jika Anda ingi daftar isi yang menggunakan bullet dan perintah
<ol> diakhiri</ol> untuk numbering.
Simpan jika dugunakan sebagai widget dan publish jika ditempatkan pada halaman posting kemudian lihat hasilnya.
Untuk
menampilkan beberapa content sesuai label yang berbeda dalam daftar isi
Anda, silakan ikuti contoh berikut dan tempatkan dihalaman ataw widget
daftar isi blog Anda:
<b>Blogger Guide</b>
<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script
src="http://diarykudiblog.blogspot.com/feeds/posts/default/-/Blogger%20Guide?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<b>SEO Guide</b>
<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script
src="http://diarykudiblog.blogspot.com/feeds/posts/default/-/SEO?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<b>Computer</b>
<script style="text/javascript">
var numposts = 25;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script
src="http://diarykudiblog.blogspot.com/feeds/posts/default/-/Computer?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<b>Internet</b>
<script style="text/javascript">
var numposts = 25;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script
src="http://diarykudiblog.blogspot.com/feeds/posts/default/-/Internet?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
Ganti
kode-kode: <b>Blogger Guide</b>, <b>SEO
Guide</b>, <b>Computer</b>,
<b>Internet</b> dengan label sesuai label daftar isi Anda
yang ingin ditampilkan.
Ganti url: http://diarykudiblog.blogspot.com dan label yang berwarna merah sesuai dengan url dan label blog yang Anda inginkan.