Home » » Cara Membuat Daftar Isi Blog Simple & Fast Loading

Cara Membuat Daftar Isi Blog Simple & Fast Loading

Cara Membuat Daftar Isi (Sitemap) Blog Simple & Fast Loading - Membuat Halaman Indeks Posting Blog Alfabetis (Berdasarkan Abjad per Kategori).

Daftar Isi Blog


DAFTAR isi (sitemap, table of content) berisi indeks judul posting yang sudah kita publish di blog. Dimunculkan atau disajikan di halaman statis (static page). (DEMO)

Nama halaman daftar isi blog ini bisa Sitemap, Indeks, atau Daftar Isi. Haruskah membuat halaman daftar isi blog?

Tidak harus, namun ada baiknya dibuat saja untuk memudahkan pengunjung mengeksplorasi konten blog kita dan menemukan tulisan yang dibutuhkan atau dicarinya.

Halaman daftar isi blog biasanya tampil lambat, berat. Pasalnya, halaman sitemap ini berisi begitu banyak link posting. Saat loading, ia "memanggil" link-link posting itu satu per satu.

Jika postingnya cuma lima atau sepuluh biji, dijamin, kode daftar isi mana pun yang Anda gunakan akan fast loading, ringan, cepat tampil.

Namun, jika postingnya banyak, maka halaman khusus daftar isi blog ini akan tampil lambat. Jadi, sebenarnya tidak ada kode daftar isi yang benar-benar fast loading, tergantung jumlah konten blog.

Kode Daftar Isi Blog Simple & Fast Loading 

Banyak sekali kode daftar isi blog yang bertebaran atau di-shara para blogger dengan macam-macam gaya (style), di antaranya:


Berikut ini kode daftar isi yang banyak CB gunakan di blog klien Layanan Premium, juga digunakan CB di Sitemap atau Indeks Posting CB Blogger.

Lumayan fast loading karena simple. Meski banyak postingnya, dengan kode daftar isi simple ini halaman statis sitemap akan tampil kenceng.

Ini kodenya:

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>
<script src="http://www.contohblog.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

Kode lainnya (tidak harus mengisi alamat blog):

<style>
p.labels a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 8px;
    background: #555;
}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
.sitemap-link{display:none}
</style>
<script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

Cara Membuat Halaman Daftar Isi

1. Klik menu Page (Halaman) > New Page (Halaman Baru)
2. Segera isin judul dengan Daftar Isi atau Sitemap atau Indeks
3. Klik mode HTML (kanan atas)
4. Copas kode daftar isi di atas
5. Ubah alamat blognya yang warna merah
6. Klik "Publish".

Kini blog Anda sudah punya halaman khusus daftar isi. Untuk menampilkannya di MENU navigasi, Anda masuk ke Template > Edit HTML. (Selengkapnya: Cara Membuat Menu Navigasi).

Good Luck and happy blogging! (http://www.contohblog.com).*


Thanks for reading & sharing Cara Membuat Daftar Isi Blog Simple & Fast Loading

Previous
« Prev Post

2 comments:

Comment Page:
  1. Muncul error ; Laman ini berisi sumber daya HTTP yang dapat menyebabkan konten campuran memengaruhi keamanan dan pengalaman pengguna jika blog dilihat melalui HTTPS.

    ReplyDelete
    Replies
    1. Bukan error, itu pemberitahuan

      Delete

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox