Repost! Cara Memasang Daftar Isi Ala Blog Kang Ismet

Cara Memasang Daftar Isi Ala Blog Kang Ismet ~ Selamat Dateng Pengunjung Setia Blogger Seni.. Pada Kesempatan Kali Ini Saya Akan Berbagi Tutorial Yang Sangat Menarik, Yaitu Cara Memasang Daftar Isi Ala Blog Kang Ismet... Ya, Daftar Isi Ini Memiliki Tampilan Sama Persis Dengan Daftar Isi Yang Blog Kang Ismet Gunakan. :D

Cara Memasang Daftar Isi Ala Blog Kang Ismet

Demo

Setelah Kalian Melihat Gambar Screenshot Di Atas, Mungkin Kalian Akan Tertarik Untuk Mencobanya, Kalau Begitu Silahkan Ikuti Langkah-Langkah Di Bawah Ini Untuk Mendapatkan Cara Memasang Daftar Isi Ala Blog Kang Ismet.


Cara Memasang Daftar Isi Ala Blog Kang Ismet

• Login Ke Blogger
• Kemudian Klik Laman, Lalu Buat Laman Baru.

Cara Memasang Daftar Isi Ala Blog Kang Ismet

• Selanjutnya Pilih Tab HTML Dan Salin Kode Dibawah Ini :

Cara Memasang Daftar Isi Ala Blog Kang Ismet

<div dir="ltr" style="text-align: left;" trbidi="on">
<style scoped="scoped" type="text/css">
/* Basic Skin for Multi Feed Loader */
.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}
/* Custom CSS */
.list-entries {
  margin:7px;
  width:253px; /* Lebar widget */
  float:left;
  font-size:11px;
}
</style>


<div id="feed-list-container">
</div>
<div style="clear: both;">
</div>

<script type="text/javascript">
var multiFeed = {
    feedsUri: [
        {
            name: "Umum",
            url: "http://www.brbs.my.id/",
            tag: "Umum"
        },
        {
            name: "Android",
            url: "http://www.brbs.my.id/",
            tag: "Android"
        },
        {
            name: "Antivirus",
            url: "http://www.brbs.my.id/",
            tag: "Antivirus"
        },
        {
            name: "Biografi",
            url: "http://www.brbs.my.id/",
            tag: "Biografi"
        },
        {
            name: "Bismis",
            url: "http://www.brbs.my.id/",
            tag: "Bisnis"
        },
        {
            name: "Film",
            url: "http://www.brbs.my.id/",
            tag: "Film"
        },
        {
            name: "Facebook",
            url: "http://www.brbs.my.id/",
            tag: "Facebook"
        },
        {
            name: "Informasi",
            url: "http://www.brbs.my.id/",
            tag: "Informasi"
        },
        {
            name: "Kata-Kata",
            url: "http://www.brbs.my.id/",
            tag: "Kata-Kata"
        },
        {
            name: "Kontes Seo",
            url: "http://www.brbs.my.id/",
            tag: "Kontes Seo"
        },
        {
            name: "Software",
            url: "http://www.brbs.my.id/",
            tag: "Software"
        },
        {
            name: "Tutorial",
            url: "http://www.brbs.my.id/",
            tag: "Tutorial"
        },
        {
            name: "Free Templates",
            url: "http://Template.brbs.my.id/",
            tag: ""
        },
        {
            name: "Free Tutorial Blogger",
            url: "http://freetutorialblogger.blogspot.com/",
            tag: ""
        },
        {
            name: "Blogger Seni",
            url: "http://blog-newbie20.blogspot.com/",
            tag: ""
        }
    ],
    numPost: 4,
    showThumbnail: true,
    showSummary: true,
    summaryLength: 80,
    titleLength: "auto",
    thumbSize: 72,
    newTabLink: true,
    containerId: "feed-list-container",
    readMore: {
        text: "Selengkapnya",
        endParam: "?max-results=8"
    }
};
</script>
<script src="http://blogger-json-experiment.googlecode.com/svn/resources/multi-feed/multi-feed.min.js" type="text/javascript"></script>
</div>

 NB : Ubah Warna Merah : Jadi Label Dan Nama Label Blog Kalian
          Ubah Warna Biru    : Jadi URL Blog Kalian

Sekian Tutorial Cara Memasang Daftar Isi Ala Blog Kang Ismet Dari Saya, Terima Kasih Sudah Berkunjung ;D