Cara Membuat daftar Isi di Blog dengan kode HTML

Cara membuat Daftar Isi di Blog – Ada banyak cara untuk melakukan optimasi blog, salah satunya yaitu dengan membuat daftar isi pada blog. Salah satu cara agar blog kita semakin SEO yaitu membuat daftar isi di blog. Cara ini disebut juga optimasi yang bersifat On-page.

Fungsi dari daftar isi ini yaitu untuk memudahkan pengunjung menelusuri semua isi yang ada pada blog dengan mudah. Selain itu sitemap juga akan terbaca oleh spider search, sehingga peluang untuk mendapatkan banyak pengunjung terbuka lebar.

Cara membuat daftar isi di Blog sebenarnya cukup beragam. Jika anda menggunakan blog berplatfom blogspot, sebagian besar daftar isi blog di buat dengan cara menambahkan kode javascript. Membuat daftar isi di blog menggunakan javascript memang lebih mudah di bandingkan dengan cara lainya.

Jika anda menggunakan blog berplatfom wordpress, maka anda cukup menggunakan plugin untuk membuat sebuah daftar isi di blog. Akan tetapi yang akan saya bahas kali ini yaitu cara membuat daftar isi pada blog dengan platfom blogger.

Berikut hasil daftar isi yang berhasil saya terapkan di blog Punakawanku.com silahkan klik DEMO

Jika anda tertarik dengan cara membuat daftar isi di blog seperti punya saya, siahkan ikuti langkah-langkah berikut :

- Silahkan masuk ke blogger.com
- Masuk ke dashboard blog
- Pilih Laman atau Page
- Silahkan pilih HTML dan copy kode di bawah ini ke mode HTML

Silahkan ganti URL warna merah dengan URL blog anda. Beri judul laman Sitemap atau Daftar isi

Setelah selesai klik Publikasikan.

Sampai sini halaman daftar isi sudah berhasil di buat. Untuk langkah selanjutnya yaitu meletakkan Laman Daftar isi pada Menu atau Footer. Agar Daftar isi mudah di lihat pengunjung, saran saya letakkan saja di Menu Navigasi.

Cara meletakkan laman daftar isi pada menu navigasi yaitu :

Silahkan Masuk ke dashboard blog.
Pilih Template
Kemudian edit HTML
Tekan Control+F untuk menemukan menu navigasi anda, kemudian masukkan salah satu nama menu navigasi, misal menu1, maka akan muncul seperti gambar ;

Cara Membuat daftar Isi di Blog dengan kode HTML

Silahkan ganti menu2 yang saya coret kuning dengan nama Sitemap, kemudian hapus tanda # dan gannti dengan alamat URL dari Page/Laman Daftar isi yang sudah kita buat.

Setelah selesai klik simpan dan lihat hasilnya. Daftar isi blog berhasil di buat.

Sekian tutorial cara membuat daftar isi blog, membuat daftar isi blog dengan mudah, cara membuat sitemap html, kode javascript untuk membuat daftar isi di blog, membuat sitemap SEO frienly di blog.

Semoga artikel ini sangat membantu buat agan-agan yang masih newbie seperti saya, Jangan lupa tinggalkan komentar untuk masukan saya.

Terimakasih buat mas Umraici yang sudah berbagi kode daftar isi pada blog.

Rekomendasi:

Mengenali Fungsi Fetch As Dan Render Pada Webmaster Tools Fungsi Fetch As Dan Render Pada Webmaster Tools - Bagi seorang blogger hal yang paling penting ialah indeks dari google. Sehingga hal pertama kali yang dilakukan setelah kita membuat blog…
Mengenal dan Memaksimalkan Fungsi Setelan Entri Pada… Hal yang wajib anda lakukan setelah selesai menulis artikel adalah mengatur Setelan Entri yang terdapat pada bilah kanan editor. Mengatur setelan entri wajib bagi anda, karena setelan ini berpengaruh besar…
Cara Cek Kepadatan Kata Kunci Menggunakan Keyword Density Cara cek kepadatan kata kunci menggunakan keyword density - Menempatkan kata kunci serta menyebarkan kata kunci keseluruh bagian artikel merupakan tehnik SEO yang sering digunakan agar artikel cepat terindeks oleh google.…
Cara Memasang Fanspage Facebook di Blog dengan HTML… Cara Termudah Memasang Fans Page Facebook di Blog - Salam salam salam sahabat punakawanku. Kembali lagi dengan artikel saya tentang Cara termudah memasang Fans Page Facebook di blog. Sebenernya apa…
Rindu Nulis Saat Menunggu Approve Google Adsense Rindu Nulis - Google adsense oh google adsense, kapan kau beri keputusan?... Bagi teman-teman blogger, google adsense merupakan sesuatu yang didambakan agar blog yang dikelola bisa menghasilkan uang. Sehingga bukan…
Cara Membuat Blog Gratis Untuk Pemula di Dunia Blogging Cara Membuat Blog Gratis Untuk Pemula - Membuat blog baru dan gratis menggunakan paltform blogger sangatlah mudah, akan tetapi bagi seorang pemula yang belum pernah mengenal blog, tentu akan mengalami…
Bahaya Sering Ganti Template Blog Sama Saja Membunuh Blog Bahaya Sering Ganti Template Blog - Bisa dibilang seorang blogger pemula bisa diibaratkan seorang remaja yang masih labil. Tak peduli berapa usia blogger pemula, yang jelas semua bakal punya kebiasaan yang…
8 Niche Blog Yang Selalu Ramai Pengunjung Sebelum mulai membuat blog baru di blogspot, Anda harus menentukan dahulu niche atau topik apa yang akan dipilih untuk blog Anda nantinya. Hal ini perlu agar nantinya blog Anda bisa…
Cara Menyisipkan Kotak di dalam Posting Blog yang… Cara menyisipkan Kotak di dalam Posting blog yang berisikan kode HTML, javascript, dan CSS - Dalam dunia blogging, banyak artikel yang nantinya akan kita posting di blog. Mulai yang berniche…
Membuat Paragraf menjorok kedalam pada Blog Hal yang harus diketahui oleh para Blogger pemula selain membuat artikel yang menarik, kerapian sebuah artikel bisa di bilang cukup penting dalam menjaga kenyamanan pengunjung saat membaca artikel pada blog…
Penyebab Blog Sepi Pengunjung atau Visitor Penyebab Blog Sepi Pengunjung atau Visitor - Setiap orang yang terjun kedalam dunia blogging tentu memiliki latar belakang yang berbeda-beda tentang tujuan awal dari ngeblog. Jika tujuan awal hanya untuk menulis…
Membuat dan Memasang Script Iklan Banner di Blog Memasang Script Iklan Banner di Blog - Anda blogger pemula pasti pernah melihat sebuah kotak gambar yang terdapat di blog-blog tetangga. Biasannya kotak gambar tersebut berisi tulisan space iklan atau ada…
Pengertian dari Domain Authority dan Page Authority… Pengertian dari Domain Authority dan Page Authority - Dalam dunia blogging, banyak sekali istilah SEO yang harus anda pahami dan terapkan untuk blog anda. SEO bukan hanya sekedar mengacu pada seo…
Mengenal Fungsi Tombol Icon Pada Editor Posting di Blogspot Memulai Membuat Artikel di Blog - Dari artikel sebelumnya tentang Cara membuat blog baru di blogspot untuk pemula. Artikel yang saya bagikan kali ini yaitu tentang fungsi tombol icon pada…
Salam Sapa Blogger Personal Salam Sapa Blogger Personal - Salam salam salam sahabat Punakawanku. Perkenalkan nama saya Arif Subur Wijianto tetapi lebih dikenal dengan nama Arif Punakawan. Kenapa harus Arif Punakawan? sebenarnya orang-orang terdekat sayapun…
6 Langkah Mudah Membuat Blog Gratis Di Wordpress Sebelum anda memulai untuk terjun ke dunia Blogging, tentu anda harus tahu pengertian blog itu sendiri. Apa itu Blog? Blog merupakan singkatan dari web log adalah bentuk aplikasi web yang…
Cara Cek Posisi Artikel Blog di Google Menggunakan… Cara Cek Posisi Artikel Blog di Google - Memiliki artikel yang berkualitas dan bisa nangkring pada halaman pertama google merupakan tujuan utama para pelaku SEO bahkan para blogger pemula. Artikel…
Manfaat dan Keuntungan Menjadi Seorang Blogger Manfaat dan keuntungan menjadi seorang blogger - Sebenarnya ngapain sih ada orang yang sok jadi penulis blog dan menyebut dirinya seorang blogger? Saya pernah mendapatkan pertanyaan demikian dari salah satu teman.…
Script Anti Adblock UC Browser Otomatis Redirect ke Chrome Script Anti Adblock UC Browser - Bagi seorang publisher adsense, hal yang sangat dibenci adalah penggunaan adblock pada browser yang digunakan pengunjung. Browser yang memiliki pengguna cukup banyak dan memasang…
Berganti Template Simplify 2 Responsive Blogger Templates Simplify 2 Responsive Blogger Templates - Congratulations!!!, selamat untuk blog PUNAKAWANKU yang memiliki tampilan baru. setelah sekian lama memakai template evomagz dari mas sugeng, kini www.punakawanku.com memakai template dari mbak…
Penyebab Loading Blog Sangat Lambat Penyebab Loading Blog Sangat Lambat - Salah satu cara untuk meningkatkan kenyamanan pengguna adalah dengan loading blog yang cepat. Pengguna sangat merasa nyaman dengan kecepatan loading blog, saya pribadi jika ingin…
Pengertian dan Kegunaan Tools Parse HTML atau HTML Converter Pengertian dan Kegunaan Tools Parse HTML - Pernah dengan kata PARSE kan? kalau anda seorang blogger pasti pernah mendengar kata Parse bahkan pernah melakukan parse kode html. Dikalangan blogger memparse Html…
Cara Agar Artikel Cepat Terindeks Google Setelah… Cara Agar Artikel Cepat Terindeks Google - Bagi seorang blogger pemula, membuat artikel menarik adalah langkah utama agar blog cepat dilirik oleh robot google untuk mengindeks semua isi artikel blog. Akan…
Cara Mengatur Jumlah Postingan di Halaman… Cara Mengatur Jumlah Postingan di Halaman Depan - Artikel ini sengaja saya buat karena banyak teman-teman blogger yang tanya melalui whatsapp, Bagaimaa cara mengatur jumlah postingan di Hompage. Bagi yang sudah…
Dampak Buruk Jarang Update Artikel Blog Dampak Buruk Jarang Update Artikel Blog - Artikel ini saya buat memang disaat kesibukan didunia nyata mulai padat. Terlebih sebagai mahasiswa akhir, saya mau tidak mau harus fokus terhadap tugas…