Kali ini CARA GAMPANG akan berbagi pengalaman tentang membuat Daftar Isi/Sitemap Otomatis di blog berdasarkan apa yang pernah CARA GAMPANG praktekkan. Membuat Daftar Isi/Sitemap Otomatis di blog ini termasuk suatu hal yang penting untuk memudahkan pengunjung atau visitor 'merayapi' segenap sudut dan ruangan blog yang kita miliki. Keadaan ini pada akhirnya dapat membuat pengunjung senang, dan ...................... mungkin akan bersedia untuk berkunjung kembali di lain waktu.
Pada awal pembuatan blog CARA GAMPANG ini, saya mempergunakan model daftar isi yang dibuat secara manual, artinya setiap kita selesai membuat postingan baru, kita mesti men-set ulang widget daftar isi tersebut sehingga dapat memuat artikel kita yang baru launch itu. Adapun script pembuatan daftar isi itu adalah sebagaimana yang terurai di bawah ini :
<style>
.list {
background: url("http://i1011.photobucket.com/albums/af239/sabarmuanas/sideicon.gif") no-repeat left ;
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px 0px 0px 20px;
}
</style>
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px;
width:248px; height:300px; background-color: transparant;
border: 3px inset rgb(8, 8, 8);
box-shadow: 0 0 10px grey;">
<div class="list">
<a href="http://fh86.blogspot.com/2012/03/tentang-dan-seputar-alexa-page-rank.html"/>Tentang dan seputar Alexa pagerank blog</a>
</div>
.list {
background: url("http://i1011.photobucket.com/albums/af239/sabarmuanas/sideicon.gif") no-repeat left ;
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px 0px 0px 20px;
}
</style>
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px;
width:248px; height:300px; background-color: transparant;
border: 3px inset rgb(8, 8, 8);
box-shadow: 0 0 10px grey;">
<div class="list">
<a href="http://fh86.blogspot.com/2012/03/tentang-dan-seputar-alexa-page-rank.html"/>Tentang dan seputar Alexa pagerank blog</a>
</div>
<div class="list">
<a href="http://fh86.blogspot.com/2012/03/tentang-dan-seputar-alexa-page-rank.html"/>Tentang dan seputar Alexa pagerank blog</a>
</div>
<a href="http://fh86.blogspot.com/2012/03/tentang-dan-seputar-alexa-page-rank.html"/>Tentang dan seputar Alexa pagerank blog</a>
</div>
<div class="list">
<a href="http://fh86.blogspot.com/2012/03/tentang-dan-seputar-alexa-page-rank.html"/>Tentang dan seputar Alexa pagerank blog</a>
</div>
<a href="http://fh86.blogspot.com/2012/03/tentang-dan-seputar-alexa-page-rank.html"/>Tentang dan seputar Alexa pagerank blog</a>
</div>
dan seterusnya ................................................
</div>
</div>
Seiring dengan berjalannya waktu, saya mulai berpikir, kalau begini terus-menerus, menjadi suatu hal yang tidak efisien. Setiap baru selesai posting, mesti harus setting ulang daftar isi, demikian seterusnya. Nah, seandainya dalam sehari saya mampu memposting 100 artikel (mimpi kali ye .........), nah berarti saya harus melakukan setting daftar isi 100 kali pula ...... ? Wah, suatu hal yang memboroskan waktu.
Akhirnya saya mencari metode baru untuk membuat Daftar Isi yang otomatis sifatnya, sehingga dapat membantu kelancaran proses blogging kita. Mulailah saya 'berselancar' di dunia maya, dan ......... akhirnya saya menemukan suatu script untuk membuat Daftar Isi (Sitemap) Otomatis tersebut, lengkap disertai dengan tambahan berdasarkan label postingan. Wah mantap nih ..........!!! Segera saja saya buat dan praktekkan.
Berikut ini scriptnya :
<script src="http://asyariel.googlecode.com/files/site_map.js">
</script>
<script src="http://caragampang21.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
</script>
<script src="http://caragampang21.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
Bagi anda yang ingin mengganti widget daftar isi/sitemap di blognya, silahkan mengcopy paste serta mengganti script yang berwarna biru, sesuaikan dengan kondisi blog anda. Oh ya, btw, script ini saya dapatkan dari http://www.bloganeh.com/2011/09/cara-membuat-sitemap-atau-daftar-isi.html.
Selamat mencoba, semoga sukses.
wah bagus jga ni sob,,
BalasHapustanks yaa
dan sekalian liat blog saya setelah ganti template ya
Salam jumpa, artikel anda ini memberikan saya motivasi untuk selalu berusaha memperbaiki penampilan blog saya yang masih baru .... thanks a lor
BalasHapus@DUNIA BLOGTerima kasih atas kehadiran anda di blog saya yang sederhana ini
BalasHapus