• Breaking News

    Thursday, January 5, 2017

    Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren

    Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren

    Table of Content (ToC), atau Peta Situs Sitemap adalah halaman blog berisi indeks atau daftar posting. Contohnya bisa dilihat di Sitemap.

    Fungsi widget daftar isi ini sebagai internal link dan navigasi blog yang memudahkan pembaca mencari tulisan yang dibutuhkan. Halaman statis sitemap ini bisa meningkatkan pageviews.

    Banyak sekali jenis desan tampilan sitemap/daftar isi blogger, salah satunya dari DTE bernama daftar isi akordion (accordion table of content) seperti ini.

    Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren

    Anda masih bisa utak-atik atau edit warnanya di kode css. Model sitemap blogger ini dinamakan 'Tabel Konten Akordion dengan Sortir Label' karena disortir berdasarkan kategori posting.

    Cara Membuat Daftar Isi (Sitemap) Blog Accordion

    1. Buat halaman baru: Page > New Page

     Buat halaman baru


    2. Klik mode HTML

    Klik mode HTML


    3. Copas kode berikut ini:



    <link rel="stylesheet" href="//cdn.rawgit.com/tovic/dte-project/0ef9de902cf286a77272f9b3c6f8168c17ab61c6/accordion-toc-skin.css"/> <div id="table-of-content" class="table-of-content"><span class="loading">Memuat...</span></div> <div class="credit-link"><a href="//www.dte.web.id/2012/02/widget-daftar-isi-akordion-dengan.html" title="Accordion TOC by Taufik Nurrohman">&#9654; Accordion TOC</a></div> <script> var toc_config = { url: 'http://my-seven7ash.blogspot.com', containerId: 'table-of-content', showNew: 10, newText: ' &ndash; <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: Pastikan di template blog Anda sudah ada link ke kode jQuery seperti ini:

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

    Jika belum ada, pasang di atas kode </head>

    4. Ubah alamat blognya.
    5. Save! Beres.




    Source : http://www.contohblog.com/
    Terima Kasih Telah Membaca Artikel : Cara Membuat Daftar Isi (Sitemap) Blog Accordion Keren
    Add a Comment. Read Comment Policy ▼
    Please Note
    - No live link
    - Pergunakan bahasa baku dan tanpa singkatan serta sesuai dengan topik pembahasan
    - Komentar yang relevan akan saya balas dan kunjung balik secara otomatis (tanpa meminta)
    - Tekan "subscribe by email" untuk mengetahui balasan dari saya
    - Untuk mendapatkan BACKLINK, gunakan OpenID. Baca --> Cara mengaktifkan OpenID

    No comments:

    Post a Comment

    + Follow
    Join on this site

    with Google Friend Connect

    COPYRIGHT

    Seluruh artikel atau konten yang ada di blog MY-SEVEN7ASH ini sifatnya adalah Open Source.

    Artinya, Anda boleh mengcopy sebagian artikel yang ada di blog ini, tapi kami mohon untuk tidak melakukan copy paste melalui feeds (xml) karena itu bisa menghancurkan blog ini.

    Mencantumkan sumber atau tidak itu merupakan hak Anda.
    back to top