Cara Memasang Daftar Isi Ala Kang Ismet

Cara Memasang Daftar Isi Ala Kang Ismet - Daftar isi milik kang ismet ini sangat banyak diminati oleh blogger. Nah, sekarang anak sembada akan membagikan cara memasang daftar isi seperti +Kang Ismet kalau teman-teman mau lebih jelasnya bisa kunjungi blog kang ismet disini http://blog.kangismet.net/p/daftar-isi-blog-kang-ismet.html

Setelah teman-teman sudah melihat di blog beliau dan tertarik untuk mencobanya, mari kita sama-sama simak cara memasang daftar isi ala kang ismet di bawah ini.

Cara Memasang Daftar Isi Ala Kang Ismet

1. Buka Blogger

2. Buat Postingan/Artikel baru di halaman statis.

3. Copykan kode HTML di bawah ini pada tab HTML postingan.

<style type="text/css" scoped="scoped">
/* Multi Feed Loader /sembadakost.blogspot.com */
.list-entries{background:white;border:1px solid #d8d8d8}
.list-entries ul,.list-entries li{margin:0;padding:0;list-style:none}
.list-entries li{padding:1em;border-bottom:1px solid #ddd}
.list-entries .main-title{padding:0}
.list-entries .main-title h4{display:block;font:inherit;font-weight:bold;padding:.5em 1em;background-color:#4f93c5;color:#fff;margin:0;line-height:normal;font-size:14px;margin-top:0!important}
.list-entries .title a{font-weight:300;font-size:14px;text-decoration:none;line-height:.5em;color:#222}
.list-entries .title a:hover{text-decoration:underline;color:#5886a7}
.list-entries img,.list-entries .fake-img{border:none;background-color:#333;margin:0 1em 0 0;padding:0;float:left}
.list-entries .summary{overflow:hidden;color:#999}
.list-entries .more-link{border-bottom:none}
.list-entries .more-link a{display:block;line-height:2em;height:2em;overflow:hidden;text-decoration:none;background-color:#82b965;padding:.5em 1em;position:relative;font-weight:bold;color:white}
.list-entries .more-link a:after{content:"";width:0;height:0;position:absolute;top:50%;right:.3em;border:4px solid transparent;border-left-color:white;margin-top:-4px}
.list-entries .more-link a:hover{background-color:#71a555}
.list-entries{margin:7px;width:251px;float:left;font-size:11px}
</style>
<script type="text/javascript">
var multiFeed = {
    feedsUri: [
        {
            name: "Pendidikan",
            url: "http://seosembada.blogspot.com/",
            tag: "Pendidikan"
        },
        {
            name: "Internet",
            url: "http://seosembada.blogspot.com/",
            tag: "Internet"
        },
        {
            name: "Template",
            url: "http://seosembada.blogspot.com/",
            tag: "Template"
        },
        {
            name: "Internet",
            url: "http://seosembada.blogspot.com/",
            tag: "Internet"
        },
        {
            name: "Gaya Hidup",
            url: "http://seosembada.blogspot.com/",
            tag: "Gaya Hidup"
        },
        {
            name: "Pendidikan",
            url: "http://seosembada.blogspot.com/",
            tag: "Pendidikan"
        }
    ],
    numPost: 4,
    showThumbnail: true,
    showSummary: true,
    summaryLength: 80,
    titleLength: "auto",
    thumbSize: 72,
    containerId: "feed-list-container",
    readMore: {
        text: "Selengkapnya",
        endParam: "?max-results=8"
    }
};
</script>
<script type="text/javascript" src="https://rawgit.com/AnakSembada/multifeedblog/master/multifeedblog.js"></script>
<div style='clear: both;'></div>
</div>

Ganti kode yang saya tandai warna biru dengan judul kategori, url blog serta nama label blog.

( Baca Juga : Membuat Flat UI Color Picker di Blog )


4. Publish postingan.

• Demo

Oke, itulah tadi cara memasang daftar isi ala kang ismet dari anak sembada. Semoga artikel ini bisa berguna dan bermanfaat. Terima kasih

Share This