Membuat Sitemap/Daftar Isi Ala Blog Kang Ismet

Cara Membuat Sitemap/Daftar Isi Ala Blog Kang Ismet. - Lagi-lagi saya update cara membuat sitemap/daftar isi. Yah karna memang sitemap/daftar isi ini penting untuk di terapkan di blog. Dengan adanya daftar isi akan memudahkan pengunjung yang ingin menjelajahi semua artikel yang pernah kita terbitkan dari blog kita. Pada waktu yang lalu saya pernah posting tentang membuat sitemap simple dari kompi ajaib. atau bisa anda kunjungi artikel saya Responsive Simple Sitemap Dari Kompi Ajaib.

Dan pada kesempatan kali ini saya akan posting tentang Cara Membuat Sitemap/Daftar Isi Ala Blog Kang Ismet. Sitemap dari blog kang ismet memang keren sehingga banyak yang ingin menerapkannya di blognya masing-masing. Setelah anda melihat gambar di atas mungkin anda tertarik untuk memasangnya di blog anda juga. Jika anda tertarik untuk membuat sitemap ala kang ismet ini di blog anda, mari ikuti langkahnya seperti berukut.

1. pertama masuk akun blogger anda.

2. pilih Laman ==> buat Laman baru

3. Setelah halaman terbuka, Coppy kode di bawah ini dan tempel di laman kosong.

<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: "blogging",

url: "http://www.cobangetik.com/",

tag: "blogging"

},

{

name: "widget",

url: "http://www.cobangetik.com/",

tag: "widget"

},

name: "template",

url: "http://www.cobangetik.com/",

tag: "template"

},

name: "seo",

url: "http://www.cobangetik.com/",

tag: "seo"

},

name: "tips-trik",

url: "http://www.cobangetik.com/",

tag: "tips-trik"

},

name: "Facebook",

url: "http://www.cobangetik.com/",

tag: "Facebook"

},

name: "adsense",

url: "http://www.cobangetik.com/",

tag: "adsense"

}

],

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>


Jangan lupa ganti url http://www.cobangetik.com dengan url blog anda. dan ganti ketegori yang saya tandai warna biru dengan nama lebel postingan anda. Ganti juga angka 4 yang saya tandai warna merah dengan angka sesuai keinginan anda. angka tersebut untuk menampilkan banyaknya isi yang ingin di tampilkan.

4. Saran saya, disaat anda membuat laman pastikan anda mengisi kolom judul terlebih dahulu, setelah kolom judul sudah di isi baru anda mengisi kolom isi laman. Tujuanya agar url laman sesuai dengan judul laman yang anda buat. Dan klik publish.

Selesai. Silahkan cek daftar isi yang baru anda buat. keren kan? Demikian artikel tentang Cara Membuat Sitemap/Daftar Isi Ala Blog Kang Ismet

Baca Juga: Sitemap Lenkap Dengan Fitur Artikel Terbaru, Label dan Pencarian. Semoga Bermanfaat.

Reaksi:
Share this with short URL:

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser