Tuesday, May 30, 2017
Cara Sederhana Membuat Daftar Isi Blog Otomatis
Cara Sederhana Membuat Daftar Isi Blog Otomatis
Teknik pembuatan daftar isi bisa saja kita lakukan dengan cara manual , akan tetapi tentunya perlu waktu yang lama untuk mebuatnya dan tentunya akan menyita waktu kita. Nah... yang ingin saya terangkan saat ini adalah bagaimana cara membuat sebuah Daftar isi blog secara otomatis. Opsss... dengan hanya sekali kita membuatnya maka daftar isi tidak usah di buat berulang-ulang namun terus bekerja secara otomatis, teknik ini di saya dapatkan dari berbagai sumber di google yang kemudian saya modif lagi supaya kelihatan freess(menurut pribadi saya sich, hehehe). Tertarik untuk mencobanya? silahkan ikuti langkah-langkah berikut :
Langkah-langkahnya :
- Sign in di blogger anda
- Klik Tata Letak
- Klik Tambah Gadget
- Pilih JavaScript/HTML
- Copy paste kode berikut ke dalam elemen yang muncul
Kodenya:
<div style="background: #f2f2f2; width: 270px; color: #000; float: center; font: normal 12px verdana; height: 300px; margin: 10px auto; overflow: auto; padding: 10px; text-align: left; text-shadow: 1px 1px 2px #fff; border:4px double #ccc; -moz-box-shadow: inset 2px 2px 2px #404040; -webkit-box-shadow: inset 2px 2px 2px #404040;box-shadow: inset 2px 2px 2px #404040">
<div id="cl_option">
Mohon Tunggu yaa... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan =200;
</script>
<script type="text/javascript" src="https://sites.google.com/site/azziqri/javascript/s/daftarsimpels.js">
</script>
<script type="text/javascript" src="http://azziqri.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500">
</script>
<div style="float:right;font:normal 10px verdana; color:#ccc;text-align:right;padding:5px 0px;text-shadow:1px 1px 1px #000">
by <a href="http://azziqri.blogspot.com/">Syam-Azziqri</a></div>
</div>
<div id="cl_option">
Mohon Tunggu yaa... </div>
<div id="cl_content_list">
</div>
<script type="text/javascript">
var jumlah_kata_dalam_ringkasan =200;
</script>
<script type="text/javascript" src="https://sites.google.com/site/azziqri/javascript/s/daftarsimpels.js">
</script>
<script type="text/javascript" src="http://azziqri.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=500">
</script>
<div style="float:right;font:normal 10px verdana; color:#ccc;text-align:right;padding:5px 0px;text-shadow:1px 1px 1px #000">
by <a href="http://azziqri.blogspot.com/">Syam-Azziqri</a></div>
</div>
Catatan: Ganti URL tulisan tebal dengan URL anda.
Semoga artikel Cara Sederhana Membuat Daftar Isi Blog Otomatis ini bermanfaat bagi anda, dan silahkan anda berkreasi sendiri. Terima Kasih
Go to link Download