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:

Cara Agar Artikel Cepat Terindeks Google Setelah Update… 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…
Curhatan Seorang Blogger Blog, blog dan blog. Ketika kita sudah memutuskan untuk terjun dalam dunia blogging, tentu butuh totalitas yang luar biasa. Kenapa saya bilang totalitas yang luar biasa? Bagi kita para blogger…
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…
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.…
(Tanpa Optimasi) Cara Agar Artikel Blog Tampil di Halaman… Cara Agar Artikel Blog Tampil di Halaman Pertama - Membuat blog bisa tampil dihalaman pertama google (Pageone) merupakan sebuah tujuan seorang blogger. Artikel yang bisa nangkring dihalaman pertama google sudah…
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 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…
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…
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.…
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…
Cara Merawat Trafik Blog Agar Tidak Turun Merawat Traffik Blog Agar Tidak Turun - Jangan anggap bahwa blog hanyalah sebuah benda mati yang tidak membutuhkan perawatan. Bisa dikatakan bahwa merawat blog lebih sulit dibandingkan merawat hewan peliharaan.…
Blogger Asal Tuban Blogger Asal Tuban - Salam MATOH kanggo wong Tuban. hehehehehehe. Apa itu matoh? Kalau anda orang Tuban pasti tahu apa itu arti matoh. Yap, bener sekali, matoh itu adiknya keren…
Cara Meningkatkan Organik Traffik atau Pengunjung Organik Cara Meningkatkan Organik Traffik - Kendala yang selalu dihadapi oleh blogger pemula adalah sulitnya mendapatkan pengunjung organik. Sudah bukan rahasia lagi bahwa trafik organik menjadi tujuan dari setiap blogger. Bahkan demi…
Cara Agar Judul Postingan Artikel Muncul di Pencarian Google… Cara Agar Judul Postingan Artikel Muncul di Pencarian Google - Adakah seorang blogger yang menulis secara percuma? yang saya maksud percuma disini adalah tulisan anda tidak di indeks oleh google. Sehingga…
Cara Menampilkan Iklan Ditengah Artikel 100% Tayang Cara Menampilkan Iklan Ditengah Artikel - Ada banyak cara dalam meningkatkan penghasilan dari adsense, salah satunnya adalah penempatan iklan. Letak penempatan iklan di blog sangat berpengaruh besar terhadap pendapatan anda. Cara…
Menulis Hanya Butuh Kemauan Dan Lakukan Menulis - Banyak orang yang beranggapan bahwa menulis itu pekerjaan yang susah. Kebanyakan mereka bingung harus mengawali tulisan dengan kalimat yang bagaimana dan seperti apa. Seolah semakin dipikir semakin macet dan…
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…
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…
3 Cara Agar Visitor atau Pengunjung Blog Stabil Cara Agar Visitor atau Pengunjung Blog Stabil - Bagi seorang blogger, hal yang paling penting adalah traffik atau pengunjung blog. Apalah arti sebuah blog jika tidak ada yang mengunjungi. Sangat horor…
Cara mendaftar dan Verifikasi Blog ke Google Webmaster Tool Cara mendaftar dan Verifikasi Blog ke Google Webmaster Tool - Salam salam salam:), jumpa lagi dengan artikel lama tapi baru. Mungkin sudah banyak di bahas oleh para master blogger tentang Cara…
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…
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…
Cara Memperbaiki Broken Link Pada Blog Agar BLog Sehat Cara memperbaiki broken link pada blog - Salah satu cara untuk menjaga kesehatan blog adalah dengan cara mengecek link rusak yang terdapat didalam blog secara rutin. Pengecekan bisa anda lakukan…
Kompres PDF - Mudah mengurangi Ukuran File PDF Online Gratis Kompres PDF - Sekarang orang beralih ke dokumen format pdf. Ada pengusaha, administrator situs web, penulis konten, dan mahasiswa. Semua jenis penulis ini lebih menyukai file pdf untuk transaksi data…
Tutorial Mendaftarkan dan Memasang Blog ke Feedburner Tutorial Mendaftarkan Blog ke Feedburner - Salam salam salam, jumpa lagi dengan saya. Postingan kali ini akan membahas Tutorial atau cara mendaftarkan blog ke feedburner. Mungkin bagi teman-teman yang sudah…