Forum, Blogger, diskusi, ilmu, berbagi, blogging, sharing, ide, inspirasi Kamu Forum

Kamis, 16 September 2010

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.

Buzz It

Artikel Menarik Lainnya



6 komentar:

iman@sampeweweh mengatakan...

nice sobat artikel*nya mantap

Cara Memperbesar Penis mengatakan...

izin nyoba gan

Pasang Iklan Gratis Sebagai Awal Mulai Bisnis Online mengatakan...

Nah ini trik yang saya cari dari dulu,terima kasih ya kang saya mau lanjut baca ini post.

Pasang Iklan baris gratis sebagai awal mulai bisnis online mengatakan...

Kira'in di buku aja yang ada indexnya ternyata di blog juga.

nonton flim online mengatakan...

artikel ini sangat mantap dan sangat bermanfaat bos...
maksih atas infonya bos.

poker mengatakan...

poker online
Agen Domino
Agen Poker
Kumpulan Poker
bandar poker
Judi Poker
Judi online terpercaya
bandar qiu

Posting Komentar

Apa pandapat anda terhadap artikel ini? Berkomentarlah tanpa rasa malu, ragu dan takut.

Komentar diluar tanggung jawab pemilik blog. Jika anda berkomentar yang berbau pornografi atau sara, maka itu risiko anda sendiri.

Jika anda mengirimkan komentar spam, maka akan saya hapus.

Jika anda tidak ingin komentar anda ditampilkan, silakan kirimkan e-mail di halaman email me.

Jika anda ingin berceloteh bebas, silakan tuju halaman ini.

Anda dapat menggunakan beberapa tag HTML seperti <b>, <i>, <u>, <a>, <strike>, <sub>, <sup>, dan lain-lain. Anda juga dapat menggunakan emoticon Plurk seperti (lmao) (taser) (haha).

Untuk link exchange bisa dilakukan dihalaman ini, sedangkan banner exchange dihalaman ini. Permintaan link exchange dan banner exchange selain dihalaman tersebut tidak akan dilayani.



Emoticon yang dapat digunakan [Tampilkan] [Sembunyikan]



:-))
:-)
:-D
(lol)
:-p
(woot)
;-)
:-o
X-(
:-(
:'-(
:-&
(K)
(angry)
(annoyed)
(wave) | (bye)
B-)
(cozy)
(sick)
(:
(goodluck)
(griltongue)
(mmm)
(hungry)
(music)
(tears)
(tongue)
(unsure)
(highfive)
(dance)
(blush)
(bigeyes)
(funkydance)
(idiot)
(lonely)
(scenic)
(hassle)
(panic)
(okok)
(yahoo)
(cry)
(doh)
(brokenheart)
(drinking)
(girlkiss)
(rofl)
(money)
(rock)
(nottalking)
(party)
(sleeping)
(thinking)
(bringit)
(worship)
(applause)
8-)
(gym)
(heart)
(devil)
(lmao)
(banana_cool)
(banana_rock)
(evilgrin)
(headspin)
(heart_beat)
(ninja)
(haha)
(evilsmirk)
(eyeroll)
(muhaha)
(taser) | (rammi)
(banana_ninja)
(beer)
(coffee)
(fish_hit)
(muscle)
(smileydance)
(fireworks)
(goal)
(bzzz)
(dance_bzz)
(Русский)
(code)
(morning)

Cara menggunakan: ketikkan emoticon yang diinginkan. Untuk yang ada pemisah berupa "|" maka itu adalah alternatif. Seperti (wave) | (bye) maka bisa (wave) bisa (bye)


Pengikut

Follow via NetworkedBlogs



Jangan lupa jadi fans Muhammad Rizki Fadillah's Blog di Facebook. Klik link di bawah ini.

http://www.facebook.com/pages/Tips-Trik-Matematika-Tutorial-Blogging-Muhammad-Rizki-Fadillahs-Blog/277782561876

Setelah mengklik link diatas, klik tombol Become A Fan untuk menjadi fans Muhammad Rizki Fadillah's Blog.