Cara Menbuat Daftar Isi Keren Sesuai Label Terbaru - zuigent

Daftar isi keren sesuai label terbru

ZUIGENT - Dengan adanya Daftar Isi keren sesuai label memang sangat memudahkan setiap pengunjung untuk mendafatkan informasi yang mereka inginkan, selain itu juga dengan adanya daftar isi bisa juga untuk meningkatkat trafik  blog anda. Oleh karna itu zuigent akan memberikan informasi kepada anda bagaimana cara membuat daftar isi keren sesuai label terbaru.

1. Langkah pertama silahkan anda login ke blog anda.
2. lalu pilih halaman dan buat halaman baru.
3. Pilih mede HTML di samping compose dan  masukan kode di bawah.

<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&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

4. Berikan judul DAFTAR ISI.
5. Lalu Publikasikan.

Maka tampilan daftar isinya akan seperti gambar di bawah.

Daftar isi keren sesuai label terbaru

Nah bagaimana, cukup mudah bukan untuk membuat daftar isi keren sesuai label terbaru.

Bagikan Artikel ini