( update ) Membuat daftar isi responsive Tanpa blank

Daftar isi pada website merupakan hal terpenting, sebab untuk memudahkan pengunjung untuk mencari label artikel yang akan di baca, Pada waktu yang lalu saya pernah memberikan tutorial membuat daftar isi sederhana dan juga responsive pada halaman web/blog. 

Setelah di cek kembali ternyata blog saya ini mengalami sitemap blank alias tidak tampil daftar menu label, entah apa yang eror pada kode tersebut ataupun memang blog saya tidak cocok untuk memakai sitemap html tersebut. Apakah diantara kalian yang mengalami eror yang sama , Sudah beberapa kali ganti script tetapi masih saja blank. 

   Contoh sitemap 

CARA MUDAH AGAR SITEMAP/DAFTAR ISI TIDAK BLANK.  

Salin kode berikut ini 

 

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #333333;
-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: #333333;
border:1px solid #333333;
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>
<div id="toc">
<script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="https://www.BLOGGUE.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

• Setelah itu pastekan atau ganti sitemap lama anda pada halaman blog anda pada bagian HTML bukan compose, Lalu pastekan. 

• Jangan lupa untuk mengganti BLOGGUE dengan nama web/blog anda. 

• Terakhir publish 

Sekian pembahasan tentang membuat sitemap tanpa bank pada blog terbaru, Semoga artikel ini bisa membantu anda mengatasi sitemap blank.

Share this post