Sebagai seorang blogger, pernahkah kamu melihat daftar isi pada sebuah halaman blog? Atau kamu malah sudah membuat halaman daftar isi pada blog kamu?
Bagi temen-temen yang belum pernah membuat daftar isi pada halaman blog, disini saya ingin memberikan beberapa cara yang sangat mudah untuk membuat halaman daftar isi di blogger sesuai label kategori.
Sebelum melangkah ke tutorialnya, apakah temen-temen tau maksud dan tujuan dibuatnya daftar isi tersebut? Biar tidak bingung, saya jelaskan sedikit mengenai daftar isi tersebut.
Apa itu Daftar Isi / Sitemap?
Ada beberapa orang yang menyebutnya daftar isi, table of content dan ada juga yang menyebut sitemap. Apapun sebutannya artinya tetap sama. Daftar isi atau table of content adalah sebuah halaman yang menampilkan semua judul artikel yang ada di dalam sebuah website atau blog berdasarkan label atau kategorinya.
Apa maksud dan tujuan dibuatnya daftar isi pada sebuah blog?
Tujuan dibuatnya daftar isi pada sebuah blog adalah agar memudahkan para pengunjung blog untuk menjelajahi semua isi konten yang ada pada blog kamu. Sehingga pengunjung akan sangat mudah menemukan artikel yang mereka butuhkan.
Gak cuma itu, dengan membuat daftar isi atau sitemap ini dapat meningkatkan page view atau traffic blog kamu. Dan tentunya bermanfaat untuk mengoptimalkan mesin pencari (SEO) dengan baik. Mengapa? Karena daftar isi pada blog akan membuat link antar postingan, dimana hal ini sangat disukai oleh mesin pencari (google).
Nah, sekarang kita beralih ke cara membuat daftar isi / sitemap di blogger. Tanpa berlama-lama langsung saja kita menuju ke tutorialnya.
Cara Membuat Daftar Isi di Blogger Sesuai Label
1. Login ke akun blogger kamu.
2. Masuk ke dashboard blogger >> Klik Halaman / pages >> Klik buat halaman baru / new pages.
3. Silahkan isi bagian judulnya nya terlebih dahulu, misalnya daftar isi, table of content atau sitemap.
4. Pilih mode Tampilan HTML seperti contoh pada gambar ini, kemudian copy paste script yang sudah saya sediakan dibawah ini.
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #df772d;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #08484f;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<br />
<div id="toc">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
5. Klik publish untuk menerbitkan halaman.
6. Selesai dan lihat hasilnya akan seperti ini.
Sekarang kamu sudah berhasil membuat sebuah halaman daftar isi pada blog kamu. Bagaimana? Terlihat keren bukan?
Nah, jadi itulah informasi singkat terkait cara membuat daftar isi atau sitemap di blogger sesuai label kategorinya. Apabila belum berhasil, kemungkinan besar ada langkah yang belum kamu lakukan atau terlewat. Jadi kamu harus mengulangi langkah-langkah nya dari awal dan baca dengan teliti. Karena saya sudah mencoba cara di atas dan terbukti berhasil.
Semoga informasi singkat ini bermanfaat untuk semua sobat blogger. Jika ada yang kurang jelas dan ingin ditanyakan, kamu bisa kirim komentar kamu di bawah ini. Selamat mencoba
2 komentar