Membuat Daftar Indeks di Blog

Anda tahu indeks? Ya anda yang sering membaca ensiklopedia pasti tahu indeks. Indeks adalah daftar kata yang terdapat dalam buku, yang memudahkan pengguna mencari istilah dalam suatu buku. Namun apakah indeks ini bisa dipasang kedalam blog? Jawabannya adalah: bisa! (woot) Gimana caranya?

Sini, akan kutunjukkan cara-caranya! (bringit)

1. Login ke Blogger, lalu buat static page baru, caranya: klik Edit Entri > Edit Laman > Laman Baru.

2. Ganti modus ke mode Edit HTML.

3. Pada bagian isi, ketikkan kode berikut ini.

<style>
/* style for index javascript */
/* Style h3 */
h3.index{
color:#abc;
font-size:24px;
background:none;
padding:0px;
padding-left:10px;
}
a.indeks, a.indeks:visited, a.indeks:hover, a.hrfindeks, a.hrfindeks:visited, a.hrfindeks:hover{
text-decoration:none;
}
a.indeks:hover{
padding-left:5px;
}
a.indeks:hover h3.index{
padding-left:0px;
}
a.indeks:hover{
padding-top:5px;
}
</style>
<script type="text/javascript">
/*------------------------------------
CREDIT

Script Index By Muhammad Rizki Fadillah
http://muhammadrizkifadillah.blogspot.com
http://mrizkifadillah.wordpress.com
http://mrizkifadillah.tumblr.com
http://www.emeref.co.cc
http://facebook.com/mrizkifadillah
http://twitter.com/mrizkifadillah
http://plurk.com/mrizkifadillah
YM:muhammadrizkifadillah

Credit ini boleh dihapus boleh tidak.
------------------------------------*/
document.write('<a href="#indexa" class="hrfindeks">A</a> ');
document.write('<a href="#indexb" class="hrfindeks">B</a> ');
document.write('<a href="#indexc" class="hrfindeks">C</a> ');
document.write('<a href="#indexd" class="hrfindeks">D</a> ');
document.write('<a href="#indexe" class="hrfindeks">E</a> ');
document.write('<a href="#indexf" class="hrfindeks">F</a> ');
document.write('<a href="#indexg" class="hrfindeks">G</a> ');
document.write('<a href="#indexh" class="hrfindeks">H</a> ');
document.write('<a href="#indexi" class="hrfindeks">I</a> ');
document.write('<a href="#indexj" class="hrfindeks">J</a> ');
document.write('<a href="#indexk" class="hrfindeks">K</a> ');
document.write('<a href="#indexl" class="hrfindeks">L</a> ');
document.write('<a href="#indexm" class="hrfindeks">M</a> ');
document.write('<a href="#indexn" class="hrfindeks">N</a> ');
document.write('<a href="#indexo" class="hrfindeks">O</a> ');
document.write('<a href="#indexp" class="hrfindeks">P</a> ');
document.write('<a href="#indexq" class="hrfindeks">Q</a> ');
document.write('<a href="#indexr" class="hrfindeks">R</a> ');
document.write('<a href="#indexs" class="hrfindeks">S</a> ');
document.write('<a href="#indext" class="hrfindeks">T</a> ');
document.write('<a href="#indexu" class="hrfindeks">U</a> ');
document.write('<a href="#indexv" class="hrfindeks">V</a> ');
document.write('<a href="#indexw" class="hrfindeks">W</a> ');
document.write('<a href="#indexx" class="hrfindeks">X</a> ');
document.write('<a href="#indexy" class="hrfindeks">Y</a> ');
document.write('<a href="#indexz" class="hrfindeks">Z</a> ');
document.write('<br/>');
var x=0;
var indeks=new Array;
x=x+1;
indeks[x]="<h3 class='index' id='indexa'>A</h3>";
x=x+1;
indeks[x]="Acak";
x=x+1;
indeks[x]="Ada Band";
x=x+1;
indeks[x]="Ajar";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Belajar";
x=x+1;
indeks[x]="Akar";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Akar Kuadrat";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Akar Pangkat Tiga";
x=x+1;
indeks[x]="Aku";
x=x+1;
indeks[x]="Akun";
x=x+1;
indeks[x]="Aku Takut Anjing";
x=x+1;
indeks[x]="Alexa Band";
x=x+1;
indeks[x]="Alexa Rank";
x=x+1;
indeks[x]="Aneh";
x=x+1;
indeks[x]="Artikel";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Artikel Terkait";
x=x+1;
indeks[x]="Author";

x=x+1;
indeks[x]="Award";
x=x+1;
indeks[x]="<h3 class='index' id='indexb'>B</h3>";
x=x+1;
indeks[x]="Baca";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Bacaan";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Membaca";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Pembaca";
x=x+1;
indeks[x]="Backlink";
x=x+1;
indeks[x]="Band";
x=x+1;
indeks[x]="Bangun Datar";
x=x+1;
indeks[x]="Bangun Ruang";
x=x+1;
indeks[x]="Banner";
x=x+1;
indeks[x]="Berita";
x=x+1;
indeks[x]="Bikin";
x=x+1;
indeks[x]="Bilangan";
x=x+1;
indeks[x]="Bing";
x=x+1;
indeks[x]="Blockquote";
x=x+1;
indeks[x]="Blog";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Blogger";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Blogging";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Blogosphere";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Blog Saya";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Blogspot";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Blogwalking";
x=x+1;
indeks[x]="Bola";
x=x+1;
indeks[x]="Breadcrumbs";
x=x+1;
indeks[x]="Buat";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Membuat";
x=x+1;
indeks[x]="Butuh";
x=x+1;
indeks[x]="<h3 class='index' id='indexc'>C</h3>";
x=x+1;
indeks[x]="Cacah";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Bilangan Cacah";
x=x+1;
indeks[x]="Caption";
x=x+1;
indeks[x]="Cara";
x=x+1;
indeks[x]="Ceramah";
x=x+1;
indeks[x]="Cinta";
x=x+1;
indeks[x]="Ciri-ciri";
x=x+1;
indeks[x]="Copas";
x=x+1;
indeks[x]="CSS";
x=x+1;
indeks[x]="<h3 class='index' id='indexd'>D</h3>";
x=x+1;
indeks[x]="Daftar";

x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Daftar Isi";
x=x+1;
indeks[x]="Dasar";
x=x+1;
indeks[x]="Dasawarsa";
x=x+1;
indeks[x]="Diameter";
x=x+1;
indeks[x]="Dofollow";
x=x+1;
indeks[x]="Domain";
x=x+1;
indeks[x]="<h3 class='index' id='indexe'>E</h3>";
x=x+1;
indeks[x]="Email";
x=x+1;
indeks[x]="Emeref";
x=x+1;
indeks[x]="Emosi";
x=x+1;
indeks[x]="Emoticon";
x=x+1;
indeks[x]="<h3 class='index' id='indexf'>F</h3>";
x=x+1;
indeks[x]="Facebook";
x=x+1;
indeks[x]="Fan Page";
x=x+1;
indeks[x]="Float";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Float Widget";
x=x+1;
indeks[x]="Follower";
x=x+1;
indeks[x]="Font";
x=x+1;
indeks[x]="Footnote";
x=x+1;
indeks[x]="Forum";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Forum Blogger";
x=x+1;
indeks[x]="FPB";
x=x+1;
indeks[x]="Fungsi";
x=x+1;
indeks[x]="<h3 class='index' id='indexg'>G</h3>";
x=x+1;
indeks[x]="Gambar";
x=x+1;
indeks[x]="Go Green Template";
x=x+1;
indeks[x]="Google";
x=x+1;
indeks[x]="Google Buzz";
x=x+1;
indeks[x]="Gudang Ilmu";
x=x+1;
indeks[x]="Guna";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Gunakan";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Kegunaan";
x=x+1;
indeks[x]="<h3 class='index' id='indexh'>H</h3>";
x=x+1;
indeks[x]="Halaman";
x=x+1;
indeks[x]="Hashtag";
x=x+1;
indeks[x]="Header";
x=x+1;
indeks[x]="Hiatus";
x=x+1;
indeks[x]="Highlight";
x=x+1;
indeks[x]="Homepage";
x=x+1;
indeks[x]="HTML";
x=x+1;
indeks[x]="<h3 class='index' id='indexi'>I</h3>";
x=x+1;
indeks[x]="Ide";

x=x+1;
indeks[x]="Iklan";
x=x+1;
indeks[x]="Ikon";
x=x+1;
indeks[x]="Ilmu";
x=x+1;
indeks[x]="Indeks";
x=x+1;
indeks[x]="Indonesia";
x=x+1;
indeks[x]="Indostats";
x=x+1;
indeks[x]="Informasi";
x=x+1;
indeks[x]="Internet";
x=x+1;
indeks[x]="Isi";
x=x+1;
indeks[x]="Istilah";
x=x+1;
indeks[x]="<h3 class='index' id='indexj'>J</h3>";
x=x+1;
indeks[x]="Jaringan";
x=x+1;
indeks[x]="Javascript";
x=x+1;
indeks[x]="Jejaring Sosial";
x=x+1;
indeks[x]="Judul";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Judul Postingan";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Judul Blog";
x=x+1;
indeks[x]="<h3 class='index' id='indexk'>K</h3>";
x=x+1;
indeks[x]="Keyword";
x=x+1;
indeks[x]="Kolom";
x=x+1;
indeks[x]="Komentar";
x=x+1;
indeks[x]="Kompres";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbspMengompres CSS";
x=x+1;
indeks[x]="Konsultasi";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Konsultasi Matematika";
x=x+1;
indeks[x]="Konten";
x=x+1;
indeks[x]="KPK";
x=x+1;
indeks[x]="Kuadrat";
x=x+1;
indeks[x]="Kursor";
x=x+1;
indeks[x]="Kustomisasi";
x=x+1;
indeks[x]="<h3 class='index' id='indexl'>L</h3>";
x=x+1;
indeks[x]="Layout";
x=x+1;
indeks[x]="Lebay";
x=x+1;
indeks[x]="Link";
x=x+1;
indeks[x]="Lintas Berita";
x=x+1;
indeks[x]="Lirik Lagu";
x=x+1;
indeks[x]="Lagu";
x=x+1;
indeks[x]="<h3 class='index' id='indexm'>M</h3>";
x=x+1;
indeks[x]="Main";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Bermain";
x=x+1;
indeks[x]="Matematika";
x=x+1;
indeks[x]="Moderasi";
x=x+1;
indeks[x]="Modifikasi";
x=x+1;
indeks[x]="MRF";
x=x+1;
indeks[x]="Muhammad Rizki Fadillah";
x=x+1;
indeks[x]="Multi Kolom";
x=x+1;
indeks[x]="Musik";
x=x+1;
indeks[x]="<h3 class='index' id='indexn'>N</h3>";
x=x+1;
indeks[x]="Nama";
x=x+1;
indeks[x]="Navigasi";
x=x+1;
indeks[x]="Ngoceh";
x=x+1;
indeks[x]="Nofollow";
x=x+1;
indeks[x]="<h3 class='index' id='indexo'>O</h3>";
x=x+1;
indeks[x]="Online";
x=x+1;
indeks[x]="Otomatis";
x=x+1;
indeks[x]="<h3 class='index' id='indexp'>P</h3>";
x=x+1;
indeks[x]="Page";
x=x+1;
indeks[x]="Page Rank";
x=x+1;
indeks[x]="Page View";
x=x+1;
indeks[x]="Pendapat";
x=x+1;
indeks[x]="Pendek.in";
x=x+1;
indeks[x]="Pengaturan";
x=x+1;
indeks[x]="Pengumuman";
x=x+1;
indeks[x]="Pengunjung";
x=x+1;
indeks[x]="Penting";
x=x+1;
indeks[x]="Perancang Template";
x=x+1;
indeks[x]="Phytagoras";
x=x+1;
indeks[x]="Plagiat";
x=x+1;
indeks[x]="Plurk";
x=x+1;
indeks[x]="Polling";
x=x+1;
indeks[x]="Postingan";
x=x+1;
indeks[x]="Promosi";
x=x+1;
indeks[x]="<h3 class='index' id='indexq'>Q</h3>";
x=x+1;
indeks[x]="<h3 class='index' id='indexr'>R</h3>";
x=x+1;
indeks[x]="Ralat";
x=x+1;
indeks[x]="Rancangan";
x=x+1;
indeks[x]="Ranking";
x=x+1;
indeks[x]="Read More";
x=x+1;
indeks[x]="Recent Comments";
x=x+1;
indeks[x]="Recent Posts";
x=x+1;
indeks[x]="Redirect";
x=x+1;
indeks[x]="Refresh";
x=x+1;
indeks[x]="RSS";
x=x+1;
indeks[x]="Rugi";
x=x+1;
indeks[x]="Rumus";
x=x+1;
indeks[x]="<h3 class='index' id='indexs'>S</h3>";
x=x+1;
indeks[x]="Sambutan";
x=x+1;
indeks[x]="Screenshoot";
x=x+1;
indeks[x]="Script";
x=x+1;
indeks[x]="Scroll";
x=x+1;
indeks[x]="Search Engine";
x=x+1;
indeks[x]="Secret Link";
x=x+1;
indeks[x]="Seni";
x=x+1;
indeks[x]="SEO";
x=x+1;
indeks[x]="SERP";
x=x+1;
indeks[x]="Share";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Share Pack";
x=x+1;
indeks[x]="Show Hide";
x=x+1;
indeks[x]="Sidebar";
x=x+1;
indeks[x]="Sitelink";
x=x+1;
indeks[x]="Situs Web";
x=x+1;
indeks[x]="SMP";
x=x+1;
indeks[x]="Sosial";
x=x+1;
indeks[x]="Static Page";
x=x+1;
indeks[x]="Statistik";
x=x+1;
indeks[x]="Status";
x=x+1;
indeks[x]="Style";
x=x+1;
indeks[x]="Submit";
x=x+1;
indeks[x]="Sumber";
x=x+1;
indeks[x]="<h3 class='index' id='indext'>T</h3>";
x=x+1;
indeks[x]="Tabel";
x=x+1;
indeks[x]="Tag";
x=x+1;
indeks[x]="Tampilan";
x=x+1;
indeks[x]="Teknik";
x=x+1;
indeks[x]="Teknologi";
x=x+1;
indeks[x]="Teks";
x=x+1;
indeks[x]="Template";
x=x+1;
indeks[x]="Textarea";
x=x+1;
indeks[x]="Tombol";
x=x+1;
indeks[x]="Tips";
x=x+1;
indeks[x]="Trik";
x=x+1;
indeks[x]="Tulis";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Menulis";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Tulisan";
x=x+1;
indeks[x]="Tutorial";
x=x+1;
indeks[x]="Twitter";
x=x+1;
indeks[x]="Twitterfeed";
x=x+1;
indeks[x]="<h3 class='index' id='indexu'>U</h3>";
x=x+1;
indeks[x]="Update";
x=x+1;
indeks[x]="URL";
x=x+1;
indeks[x]="<h3 class='index' id='indexv'>V</h3>";
x=x+1;
indeks[x]="Variabel";
x=x+1;
indeks[x]="Verifikasi";
x=x+1;
indeks[x]="Video";
x=x+1;
indeks[x]="&nbsp;&nbsp;&nbsp;Video Klip";
x=x+1;
indeks[x]="Vierra";
x=x+1;
indeks[x]="<h3 class='index' id='indexw'>W</h3>";
x=x+1;
indeks[x]="Warna";
x=x+1;
indeks[x]="Whos Amung Us";
x=x+1;
indeks[x]="Widget";
x=x+1;
indeks[x]="<h3 class='index' id='indexx'>X</h3>";
x=x+1;
indeks[x]="XML";
x=x+1;
indeks[x]="<h3 class='index' id='indexy'>Y</h3>";
x=x+1;
indeks[x]="Yahoo";
x=x+1;
indeks[x]="Yahoo Mim";
x=x+1;
indeks[x]="<h3 class='index' id='indexz'>Z</h3>";

for (i=1;i<=x;i++){
document.write('<a href="http://gudangilmu.emeref.co.cc/search?q='+indeks[i]+'" title="'+indeks[i]+'" class="indeks">'+indeks[i]+'</a><br/>');
}
</script>

Ket:
<h3 class='index' id='indexy'>Y</h3> adalah yang kata huruf besar itu, yang menunjukkan huruf awal, yt: A, B, dll.
&nbsp;&nbsp;&nbsp;Menulis Adalah subkategori dari kata yang dimasukkan, supaya terlihat menjorok kedalam. Misal: tulis, mempunyai subkategori tulisan, menulis, dll.
Yang paling penting adalah ganti bagian gudangilmu.emeref.co.cc dengan URL blog anda.

4. Kalau sudah klik Terbitkan Laman.

5. Jika ada pesan mengeai tampilan gadget, pilih saja Tidak ada gadget. Atau pilih sesuai selera.

6. Selesai!

Contohnya, bisa anda lihat pada daftar indeks di blog ini.

Trims... (cozy)

Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Artikel Menarik Lainnya