Cara Membuat Daftar Isi Ala Kang Ismet

hay Sahabat Sahabat Bang Warsa ,,Kali Ini Saya Mau Share Cara Membuat Daftar Isi Ala Kang Ismet

MIRIP KAN ??,,Kalo Kalian Mau
PERINGATAN : Saya Hanya Mengshare Tips ,.Bukan Untuk Mengshare Daftar Isi Kang Ismet ,Tapi Hanya Daftar Isi Yang Serupa :cool

Ok Kita Mulai Aja ,,
IKUTI LANGKAH LANGKAH NYA

1. Login ke blog anda di www.blogger.com.
2. Kemudian klik Page atau Laman.
3. Lalu buat Laman nama Daftar Isi.
4. Selanjutnya pilih Mode HTML dan Copy kode di bawah ini :

<style type="text/css" scoped="scoped">
/* 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:251px; /* Lebar widget */
  float:left;
  font-size:11px;
}
</style><br />
<br />
<div id="feed-list-container"></div><div style="clear:both;"></div><br />
<script type="text/javascript">
var multiFeed = {
    feedsUri: [
        {
            name: "Facebook",
            url: "http://bangwarsa.blogspot.com/",
            tag: "Facebook"
        },
        {
            name: "Template",
            url: "http://bangwarsa.blogspot.com/",
            tag: "Template"
        },
        {
            name: "Blogging",
            url: "http://bangwarsa.blogspot.com/",
            tag: "Blogging"
        },
        {
            name: "Hadiah",
            url: "http://bangwarsa.blogspot.com/",
            tag: "Hadiah"
        },
        {
            name: "Berita",
            url: "http://bangwarsa.blogspot.com/",
            tag: "Berita"
        }
    ],
    numPost: 4,
    showThumbnail: true,
    showSummary: true,
    summaryLength: 80,
    titleLength: "auto",
    thumbSize: 72,
    containerId: "feed-list-container",
    readMore: {
        text: "Selengkapnya",
        endParam: "?max-results=8"
    }
};
</script><br />
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/multi-feed/multi-feed.min.js"></script>
<div style='clear: both;'></div>
</div>

5. Text yang harus anda ganti adalah :
YANG DITEBAL KAN
     - Jika blog anda terdapat banyak kategori/tag/label, anda tinggal menambahkan kode berikut ini sebelum kode ]; jangan lupa beri tanda koma ( , ) setelah } baru masukkan kode berikut:

{
            name: "Judul kategori/tag/label",
            url: "URL blog anda",
            tag: "kategori/tag/label anda"
        }

6. Terakhir sebelum anda Publikasikan terlebih dahulu klik pratinjau....bila sudah di rasa pas boleh langsung anda publikasikan.

SEKIAN DAN TERIMAKASIH SEMOGA BERHASIL

Jika Ingin Copas Silahkan Sertakan Sumbernya.