Widget Daftar Isi Blog Dengan Sortir Label

Kali ini Abenk akan memeprkenalkan widget daftar isi untuk Blogger dengan konsep alfabet JQuery

DEMO

Pertama-tama, masuklah ke tab Posting/Entri, kemudian pilih Edit Laman. Tambahkan sebuah halaman baru :

Klik tab Edit HTML pada formulir posting ( bukan COMPASE )

Salin kode di bawah ini, kemudian letakkan di dalam formulirnya:

<div dir="ltr" style="text-align: left;" trbidi="on"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <link href="http://dte-project.googlecode.com/svn/trunk/accordion-toc-skin.css" rel="stylesheet"></link> <div class="table-of-content" id="table-of-content"> <span class="loading">Memuat...</span></div> <div class="credit-link"> <a href="http://abenksofware.blogspot.com/2015/12/widget-daftar-isi-blog-dengan-sortir.html" title="Anak Bengkel by Abenk">&#9654;Anak Bengkel</a></div> </div> <script> var toc_config = {     url: 'http://URL BLOG SOBAT',     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="http://dte-project.googlecode.com/svn/trunk/accordion-toc-1.js"></script> </div>

---

Share

Like

G+

Tweet

Tweet

---

Artikel Terkait

• Membuat Smooth Scroll Back To Top dengan jQuery Style1 (tanpa fade in dan fade out) Maksudnya tanpa fade in dan fade out di sini adalah, tombol akan langsung muncul begitu blog dibuka. DEMO ... selengkapnya
• Membuat Menu Accordion Menu Open Close yang kalau di klik maka akan keluar menu lainnya atau biasanya disebut juga dengan Accordion Menu, Menu seperti ini sangat cocok bi ... selengkapnya
• Kode Warna Online .color-code{text-align: center;margin:20px auto;width:80%;} .color-responsive {position: relative;padding-bottom: 100%;height: 0;o ... selengkapnya
• Membuat NAVIGASI Menu Dan Sub Menu Kolom Disini Abenk Coba Berbagi Cara Membuat NAVIGASI Menu Dan Sub Menu Kolom Bila Sobat ingin Navigasi ini dipasang di blog sobat ikuti langkah-l ... selengkapnya
• Tab Horisontal Accordion Dengan CSS3   DEMO Tab Horisontal Accordion Dengan CSS3 di Blog – Dengan menggunakan kode CSS tab horisontal accordion yang sederhana ini siap dipas ... selengkapnya

---

Silahkan Memberikan Komentar Jika Ada Hal Yang Kurang Dipahami Dengan Topik Yang Telah Sobat Baca. Biasakan Berkomentar Dengan:

۞ Sopan dan Bahasa Yang Mudah Dipahami.
۞ Tidak Memasukkan Link Aktif Dalam Form Komentar.
۞ Berkomentar Sesuai Artikel Atau Postingan.
۞ Berilah Informasi, Jika Script Atau Link Yang Tidak Berfungsi Dan Mati.
۞ komentar Jorok / Kasar / SARA / PORNO Anggap Sebagai SPAM.