![]() |
| Gambar dari Lebihpandai.com |
Cara membuat Daftar isi Di blog dengan mudah terbaru
Salam hangat buat teman teman semua bagaimana ni kabar nya baik kan , kalau baik alhamdulilah ya. Baiklah untuk pembahasan kali ini saya akan membahas tentang cara membuat Daftar isi di blog dengan mudah dan terbaru , Cara pembuatan nya pun sangat mudah tidak membutuhkan waktu lama maka dari itu silahkan disimak ya teman teman .
Daftar isi merupakan bagian yang terpenting di sebuah blog , Kenapa terpenting ? yah karena merupakan sebuah Daftar Artikel Semua yang ada di blog tersebut agar memudahkan pengunjung untuk mencari artikel yang ada di sebuah Websiter tersebut .
Silahkan Ikuti cara pembuatan nya :
1. Kalian harus membuka Menu laman di blogger teman teman
2. Jika sudah terbuka silahkan klik Gambar di bawah ini yang ada panah nya
| Gambar dari Lebihpandai.com |
3. Kalian akan melihat halaman seperti gambar di bawah ini
![]() |
| Gambar dari Lebihpandai.com |
Jika sudah muncul gambar di atas silahkan teman teman Klik Tulisan HTML yang di tunjukan Gambar panah tersebut
4. Kalian akan melihat halaman seperti di gambar di bawah ini
![]() |
| Gambar dari Lebihpandai.com |
Jika telah muncul gambar di atas silahkan teman teman isi Judul laman dengan tulisan Daftar isi Lalu Paste kan Script di bawah ini di Tempat Html tersebut tadi
<link href="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-skin.css" rel="stylesheet"></link>
<br />
<div class="table-of-content" id="table-of-content">
<span class="loading">Memuat...</span></div>
<div class="credit-link">
<a href="http://lebihpandai.com/" title="Kembali ke beranda">▶Kembali ke beranda</a></div>
<script>
var toc_config = {
url: 'http://Lebihpandai.com/',
containerId: 'table-of-content',
showNew: 10,
newText: ' – <strong style="font-weight:bold;font-style:italic;color:red;">Baru!</strong>',
sortAlphabetically: {
thePanel: true,
theList: true
},
maxResults: 9999,
activePanel: 1,
slideSpeed: {
down: 400,
up: 400
},
slideEasing: {
down: null,
up: null
},
slideCallback: {
down: function() {},
up: function() {}
},
clickCallback: function() {},
jsonCallback: '_toc',
delayLoading: 0
};
</script>
<script src="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-1.js"></script>
* Catatan :<link href="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-skin.css" rel="stylesheet"></link>
<br />
<div class="table-of-content" id="table-of-content">
<span class="loading">Memuat...</span></div>
<div class="credit-link">
<a href="http://lebihpandai.com/" title="Kembali ke beranda">▶Kembali ke beranda</a></div>
<script>
var toc_config = {
url: 'http://Lebihpandai.com/',
containerId: 'table-of-content',
showNew: 10,
newText: ' – <strong style="font-weight:bold;font-style:italic;color:red;">Baru!</strong>',
sortAlphabetically: {
thePanel: true,
theList: true
},
maxResults: 9999,
activePanel: 1,
slideSpeed: {
down: 400,
up: 400
},
slideEasing: {
down: null,
up: null
},
slideCallback: {
down: function() {},
up: function() {}
},
clickCallback: function() {},
jsonCallback: '_toc',
delayLoading: 0
};
</script>
<script src="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-1.js"></script>
Silahkan teman teman ganti tulisan warna merah dengan Alamat Blog teman teman ya .
5. Silahkan kalian Tekan tombol Publikasikan Seperti gambar di bawah ini
![]() |
| Gambar dari Lebih pandai.com |
Nah selesai deh tinggal lihat Hasil nya dan jadi deh
Itulah teman teman cara membuat Daftar isi Di blog dengan mudah terbaru semoga bermanfaat dan terima kasih telah berkunjung dan jangan lupa follow blog saya agar teman teman mendapatkan Artikel terbaru dari saya dengan mudah . Terima kasih , Selamat Mencoba .




0 komentar:
Posting Komentar