Cara Membuat Laman Sitemap atau Daftar Isi Pada Blog Kita Secara Otomatis

Membuat Halaman Daftar Isi Mudah - Mari Belajar membuat sitemap atau daftar isi postingan blog kita. daftar isi ini akan di isi secara otomatis saat kalian membuat sebuah postingan baru sesuai dengan label yang ditambahkan.

Dengan adanya daftar isi atau sitemap ini, pengunjung atau pembaca di blog kita akan menjadi lebih mudah dalam mencari sebuah artikel yang di inginkan atau pengunjung di blog kita akan dengan lebih mudah memilih serta menjelajahi artikel yang terkait yang di inginkan olehnya.

Selain itu daftar isi atau Sitemap ini dapat membantu mengoptimalkan isi konten dari blog kita serta dapat membantu membuat link internal antar artikel yang terkait sehinnga meningkat page rank blog kita.

Jadi secara singkat Sitemap atau daftar isi ini akan berisi link artikel yang di tampilkan berdasarkan label atau kategori dari sebuah blog. langsung saja kita mulai cara membuat sebuah sitemap di blog kita, silahkan ikuti tutorial dibawah ini:
  1. Buka Blogger > Page /Laman>new Page
  2. Isi Judul dengan Sitemap dan Pada bagian penulisan nya ubah ke mode HTML
  3. Copy Kode Yang saya berikan dibawah ini dan Pastekan di Postingan tersebut seperti pada gambar diatas, setelah itu Publikasikan.
    <style type="text/css">#toc{width:99%;margin:5px auto;border:1px solid #2D96DF; -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: #3498DB; 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.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script><script src="https://www.linkanda.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>
  4. Ganti tulisan yang saya tandai warna merah, gunakan link blog kalian.jika sudah kalian tinggal publikasikan dan kalian dapat melihat demo nya seperti pada blog ini. klik disini untuk melihat demo nya!!
Demikianlah cara membuat sitemap atau daftar isi secara otomatis dan responsive. bagaimana gampang sekali kan cara membuat daftar isinya? mudah-mudahan dengan memasang sitemap yang responsive ini dapat membantu menaikan page rank dari setiap artikel blog kita. Terima kasih sudah membaca artikel dari saya ini, semoga dapat bermanfaat dan bisa membantu agan sekalian. jangan lupa di share ketemen-temen nya.
DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.anakinforman.com. Terima kasih.

Silahkan Berlangganan Untuk Mendapatkan update artikel terbaru via email:

0 Response to "Cara Membuat Laman Sitemap atau Daftar Isi Pada Blog Kita Secara Otomatis"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel