DUNIA BLOG : MEMBUAT SITEMAP/DAFTAR ISI PER LABEL
DUNIA BLOG kali ini akan berbagi tips-trik tentang membuat sitemap/daftar isi per label (postingan), yang menurut kami (DUNIA BLOG) sangat bermanfaat bagi kita selaku webmaster (pemilik web/blog) dalam rangka menginformasikan kepada semua pengunjung blog tentang apa-apa yang ada (kontent) dalam blog yang kita miliki (baca : sedang mereka telusuri). Sitemap/daftar isi per label ini akan bergerak (menyimpan dan mengumpulkan, mengelompokkan postingan menurut label yang telah kita tetapkan) secara otomatis tanpa kita harus membuatnya atau menuliskannya secara satu per satu. Sangat amat berguna serta memudahkan kita dalam mengelola blog/web/situs.
Contoh hasilnya seperti gambar di bawah ini :
Sitemap / Daftar Isi Otomatis per Label
Bagi temen-teman yang tertarik silahkan cek dulu sitemap ww[dot]com, kemudian bisa kalian aplikasikan/pasang diblog kamu.
Berikut caranya:
1. login/masuk dalam blog anda
2. Klik entri baru
3. Pindahkan pada halaman Edit HTML (jangan pada posisi write/tulis), karena kita akan memasukan code html pada halaman posting kita.
4. masukan kode berikut pada halaman posting edit html anda:
Berikut caranya:
1. login/masuk dalam blog anda
2. Klik entri baru
3. Pindahkan pada halaman Edit HTML (jangan pada posisi write/tulis), karena kita akan memasukan code html pada halaman posting kita.
4. masukan kode berikut pada halaman posting edit html anda:
<link href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" media="screen" rel="stylesheet" type="text/css">Ubah tulisan warna merah dengan alamat blog anda.
<script src="http://skripnyawbw.googlecode.com/files/sitemapataudaftarisi.js"></script>
<script src="http://duniablog91.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
5. Simpan dengan judul terserah anda, dan jadi deh...
6. Kamu juga bisa atur tanggal dengan opsi entri, misalnya agar posting ini tampil pada awal pembuatan artikel pertama kali, jika sudah anda tinggal memasang link url site posting tadi di header atau di manapun agar mudah dilihat pengunjung.
Semoga bermanfaat.
Semoga bermanfaat.
NB:
<script src="http://skripnyawbw.googlecode.com/files/sitemapataudaftarisi.js"> Merupakan script untuk menjalankan aplikasi ini.
Script itu tersimpan di halaman Google Code-nya kami, kamu bisa langsung menggunakannya.
Namun jika penggunanya sudah terlalu banyak dapat menyebabkan loading menjadi lambat, solusinya silahkan kamu Copy saja script-nya (Pindahkan ke halaman hosting kamu sendiri, misal pada Google Code), lalu simpan di Halaman Google Code kamu sendiri.
Script itu tersimpan di halaman Google Code-nya kami, kamu bisa langsung menggunakannya.
Namun jika penggunanya sudah terlalu banyak dapat menyebabkan loading menjadi lambat, solusinya silahkan kamu Copy saja script-nya (Pindahkan ke halaman hosting kamu sendiri, misal pada Google Code), lalu simpan di Halaman Google Code kamu sendiri.
Jika anda ingin menambahkan batasan berupa sebuah kotak dengan text area agar sitemap/daftar postingan ini tidak terlalu memanjang ke bawah, maka scriptnya menjadi seperti di bawah ini :
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px;
width:450px; height:300px; background-color: transparant;
border: 3px inset rgb(8, 8, 8);
box-shadow: 0 0 10px black;">
width:450px; height:300px; background-color: transparant;
border: 3px inset rgb(8, 8, 8);
box-shadow: 0 0 10px black;">
<link href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" media="screen" rel="stylesheet" type="text/css">
<script src="http://skripnyawbw.googlecode.com/files/sitemapataudaftarisi.js"></script>
<script src="http://duniablog91.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<script src="http://skripnyawbw.googlecode.com/files/sitemapataudaftarisi.js"></script>
<script src="http://duniablog91.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
Anda dapat mengatur sendiri width dan height nya sesuai dengan kondisi blog yang anda miliki.
Sumber inspirasi : http://www.wahyu-winoto.com/2010/12/membuat-daftar-isisite-map-per-label.html
Categories:
tips-trik
0 comments:
Post a Comment