Langsung ke konten utama

Cara Membuat Daftar Isi Otomatis

Selamat pagi sobat blogger, kali ini saya akan kembali berbagi tutorial yang sederhana, yaitu cara membuat daftar isi otomatis di blog.

Daftar isi terkadang dibutuhkan dan terkadang juga tidak dibutuhkan, tergantung kebutuhan suatu blog atau web, bagi sobat blogger yang ingin membuat daftar isi silahkan lanjutkan membaca postingan ini.

Untuk membuat sebuah daftar isi, anda tidak memerlukan notepad atau apapun, karena anda dapat mengcopy script dari blog sederhana ini secara cuma-cuma, tapi kalau untuk di share tolong di cantumkan sumbernya ya.

cara membuat daftar isi otomatis

Berikut adalah cara untuk membuatnya.

  1. Buat laman baru pada blog anda
  2. Pilih HTML
  3. Paste script dibawah ini kemudian Publikasikan
<div style="border: 0px solid #000; overflow: auto; height: auto;">
<script style="text/javascript" src="https://sites.google.com/site/abdulkholiqhasan/hos/Contents.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
var shownumposts = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
<div align="right" style="padding:16px 5px 5px 5px;font-size:11px">
Widget by :<a href="http://jurucoding.blogspot.com" target="_blank" style="color:#000" rel="dofollow">Juru Coding</a>
</div>
Dan hasilnya akan seperti ini :
Selamat mencoba.

Komentar

Postingan populer dari blog ini

Membuat Login Form Dengan HTML dan CSS

Sebuah website tentu memiliki interface untuk client dan admin, dan untuk halaman admin tentu saja harus masuk terlebih dulu melalui halaman login. Bagaimana jika membuat halaman login form? Pada kesempatan ini atau tepatnya merupakan postingan pertama pada bulan desember 2013 ini Juru Coding  akan berbagi tutorial untuk membuat sebuah halaman login sederhana menggunakan HTML dan CSS. Untuk membuat halaman login form anda dapat mengunduh source lengkapnya melalui halaman ini, karena pada halaman ini hanya sebagai introduce saja dan untuk selebihnya silahkan dipelajari sendiri. Berikut screenshotnya : Index.html <!DOCTYPE html> <html lang="en"> <head>   <meta charset="utf-8">   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">   <title>Login Form</title>   <link rel="stylesheet" href="css/style.css"> </head> <body>   <section class...

Cara Bypass Shorten Link

Beberapa waktu yang lalu saya sudah berbagi cara bypass adf.ly  dengan memanfaatkan situs bypasser, pada kesempatan kali ini saya kembali akan berbagi cara untuk bypass adf.ly, maaf maksud saya shorten link karena yang di bypass bukan cuma adf.ly melainkan adfoc.us, linkbucks dan lain-lain. Caranya cukup mudah, cukup buka browser anda (Chrome / Firefox), kemudian cari ekstensi Tampermonkey (chrome), Greasemonkey (firefox). kemudian setelah instalasi selesai, lanjutkan dengan menginstall script-nya. Atau, anda juga dapat menggunakan cara dibawah ini. Chrome Install Tampermonkey Install Script Firefox Install Greasemonkey Install Script Kemudian selanjutnya silahkan dicoba, dan jika tidak bekerja maka silahkan restart browser, dan jika masih tidak bekerja juga maka remove terlebih dulu Tampermonkey/Greasemonkey kemudian ikuti cara dibawah ini Install Tampermonkey/Greasemonkey Restart browser Install script Dan jika dengan cara diatas masi...

Sassy Social Bookmarking Widget dengan Animasi Untuk Blogger

Selamat pagi sobat blogger, terimakasih sudah bersedia berkunjung kembali di Juru Coding. Sebelumnya mohon maaf karena updatenya jarang-jarang, maklum masih konsen uts. Pada kesempatan ini saya akan berbagi widget social bookmarking dengan animasi, dimana widget ini akan berada disudut kiri bawah, sedikit jauh mirip dengan yang berada di sudut kiri bawah yang ada pada Path. Stylenya sederhana dan tidak berpengaruh pada loading blog karena widget ini memang ringan dan tentunya tidak ketinggalan jaman. berikut screenshotnya. Demo bisa dilihat di demo-jurucoding.blogspot.com Berikut cara membuatnya : Login akun blogger Masuk ke Template > Edit HTML Kemudian letakkan script dibawah ini tepat sebelum tag </body> <div class='shr_ss shr_publisher'> </div> <script type='text/javascript'> var SHRSS_Settings = {&quot;shr_ss&quot;:{&quot;src&quot;:&quot;//dtym7iokkjlif.cloudfront.net/media/downloads/sas...