Tuesday, August 5, 2014

Cara Membuat Daftar Isi dengan Scroll di Blog

Banyak orang yang masih belum tahu bagaimana cara membuat daftar isi dengan scroll di blog. Daftar isi sangatlah penting bagi blogger karena ketika pengunjung datang di blog sobat, pengunjung akan terlebih dahulu membaca daftar isi sebelum membaca tulisan sobat. Tentu saja untuk memudahkan dalam mencari sebuah tulisan atau artikel.

Seseorang yang gemar membaca pun pasti yang pertama kali dilihat pada saat mencari buku adalah daftar isi, iya gak sob? Makanya daftar isi sangatlah penting.

Bagaimana cara membuat daftar isi dalam Blog seperti yang saya tampilkan di atas? Mudah kok sob, langsung saja kita bahas cekidot !

  1. Login ke akun Blogger sobat, lalu klik Tata Letak -> Tambahkan Gadget -> HTML Javascript.
  2. Isi judul gadget (judulnya terserah sobat)
  3. Copy dan paste script dibawah ini pada kolom gadget sobat :

    <div style="border: 1px solid rgb(0, 0, 0); height: 200px; overflow: auto;">
    <script src="https://googledrive.com/host/0ByoCwyjwB1aDQnJmSWpieEZkbDg">
    </script>
    <script>
    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="center" style="font-size: 8px; padding: 20px 5px 5px;">
    </div>

  4. Langkah terakhir Simpan sob. Dan coba sobat lihat hasilnya !

No comments:

Post a Comment