Awalnya kurang tertarik untuk membuat Index/Table Of Content di blog tapi ternyata dengan adanya Index,orang bisa langsung dengan mudah mencari artikel yang mereka inginkan tanpa harus bersusah payah.




Nah kali ini saya akan share beberapa cara untuk menampilkan Index Blog kalian agar orang lebih mudah mencari artikel di blog teman-teman semua tanpa harus bingung.

1. INDEX PERTAMA


Berikut caranya :
  • Login di Blog.
  • Klik Page pada dashboard,Klik New Page kemudian akan muncul laman baru.
  • Pada Laman Baru : Pilih HTML pada pilihan tempat anda menulis. Ingat HTML bukan COMPOSE. Silahkan masukan judul yang sesuai dengan keinginan anda, juga deskripsi di sebelah kanan silahkan isi sesuai kebutuhan anda.
  • Selanjutnya slahkan copy kode dibawah ini dan salin atau paste di Kolom HTML tadi :
<div style="overflow:auto; border: 1px solid #000000; margin: auto; padding: 3px; width: 100%; height:270px; background-color: none; text-align: left;">
<script style="text/javascript" src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
<script src="http://namablogsaudara.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

Note : Tulisan berwarna merah,silahkan ganti dengan alamat blog kalian.
  • Jika semuanya sudah silahkan klik PUBLIKASIKAN.

2. INDEX KEDUA

  • Login di Blog.
  • Klik Page pada dashboard,Klik New Page kemudian akan muncul laman baru.
  • Pada Laman Baru : Pilih HTML pada pilihan tempat anda menulis. Ingat HTML bukan COMPOSE. Silahkan masukan judul yang sesuai dengan keinginan anda, juga deskripsi di sebelah kanan silahkan isi sesuai kebutuhan anda.
  • Selanjutnya slahkan copy kode dibawah ini dan salin atau paste di Kolom HTML tadi : 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><link href="https://googledrive.com/host/0B6nuu-1cS17iM1U3M080SEdKT0E" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
var showNew    = true,
    accToc     = true,
    openNewTab = true,
    maxNew     = 2,
    baru       = "New!",
    sDownSpeed = 600,
    sUpSpeed   = 600;
</script>
<script src="https://googledrive.com/host/0B6nuu-1cS17iYWdXQm5CdEowYTQ"></script>
<script src="http://namablogsaudara.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Note :
- Untuk Tulisan yang berwarna merah silahkan ganti dengan alamat blog kalian.
- Untuk Tulisan yang warna biru adalah warna untuk tema. Untuk tulisan biru diatas adalah kode untuk tema berwarna grey/hitam.
- Berikut Beberpak Kode untuk warna tema :
          Merah
https://googledrive.com/host/0B6nuu-1cS17iRmthbUNqd3JOU1E
          Biru
https://googledrive.com/host/0B6nuu-1cS17iTXE1NF9UZ0ppd1k
          Hijau
https://googledrive.com/host/0B6nuu-1cS17iSGhLNUtpNmxETkU

-----------Selamat Mencoba-------------
Tags: