Cara Membuat Daftar Isi Seperti Kang Ismet

Hai sobat ane hadir lagi dalam kehidupan sobat. Oke kali ini saya akan memberikan tutorial cara membuat daftar isi seperti punya kang Ismet. Kenapa web kang Ismet yang dipilih? Karna menurut saya daftar isinya itu lain daripada yang lain. Langsung simak ya sobat.......

1. Buka blogger.com

2. Langsung menuju ke Laman Baru > Lalu buat laman baru dengan nama Sitemap atau Daftar Isi

3. Lalu pilih  HTML  jangan Compose

4. Lalu masukkan code ini ke dalam tab HTML tadi

<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;
}
#ct-sidebar {display:none;}
#comments {display:none;}
#main-wrapper {width:100%;}
</style><br />
<br />
<div id="feed-list-container"></div><div style="clear:both;"></div><br />
<script type="text/javascript">
var multiFeed = {
    feedsUri: [
        {
            name: "#",
            url: "http://ngacoku.blogspot.com/",
            tag: "Alam"
        },
        {
            name: "#",
            url: "http://ngacoku.blogspot.com/",
            tag: "Buatan Sendiri"
        },
        {
            name: "#",
            url: "http://ngacoku.blogspot.com/",
            tag: "fakta ngaco"
        },
       ],
    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="//blogger-json-experiment.googlecode.com/svn/resources/multi-feed/multi-feed.min.js"></script>
<div style='clear: both;'></div>

5. Kalo sudah klik publikasikan

ubah informasi diatas dengan informasi blog sobat

Apakah sudah selesai? Belum masih ada 1 step lagi

Kan tadi  sitemapnya sudah dibuat, tinggal kita pasang ke blog kita.....

1. klik kanan pada bagian lihat dan pilih Copy Link Address

2. Langsung ke Template > Edit HTML
3. Kemudian cari

"menus" kalo bukan cari "menux" atau kalo belum ketemu juga cari "sitemap"

4. Kemudian pastekan link yang sudah kamu copy tadi di bagian Sitemap

sumber script: blog.kangismet.net

Subscribe to receive free email updates: