Cara Membuat Daftar Isi (Sitemap) Blog Simple & Fast Loading - Membuat Halaman Indeks Posting Blog Alfabetis (Berdasarkan Abjad per Kategori).
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.
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.
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="https://goglazculture.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&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&alt=json-in-script&callback=bloggersitemap"></script>
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! (https://goglazculture.blogspot.com).*
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="https://goglazculture.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&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&alt=json-in-script&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! (https://goglazculture.blogspot.com).*
Tag :
Desain Blog,
Panduan Blogging
