Cara Membuat Daftar Isi Pada Blog

Oleh Unknown

Selasa, 24 Februari 2015

Bagikan :

Tweet

Cara Membuat Daftar Isi Pada Blog -  Daftar isi adalah sebuah laman yang berisikan semua artikel yang sudah di posting. Daftar isi ini bermanfaat untuk menjangkau semua artikel yang kalian punya, menggunakan daftar isi di blog sangat berpengaruh pada kenyamanan pengunjung dalam mengakses blog kita.

Daftar isi atau biasa disebut sitemap adalah sebuah peta situs blog yang wajib (menurut saya) dimiliki setiap blog, karena dengan peta situs akan mempermudah search engine merayapi blog kita seperti mensubmit sitemap pada webmaster. Nah, pada kesempatan kali ini saya akan berbagi tentang Cara Membuat Daftar Isi Di Blog. Salah satu ciri Blog SEO Friendly adalah memiliki daftar isi di dalam blognya.

Untuk melihat contoh Daftar isi pada Blog ini, anda bisa buka | Disini

atau bisa lihat gambar dibawah ini

Contoh gambar daftar isi 

Adapun Cara Membuat Sitemap/Daftar isi Pada Blog :

• Masuk ke akun blogger
• Pilih menu 'Laman'
• Buat laman baru dengan cara Klik tombol 'Laman baru'
• Pilih mode 'HTML'
• Beri judul Daftar Isi atau Sitemap (judul terserah anda)
• Masukkan kode berikut

<style type="text/css">
#toc{
width:99%;
margin:5px auto;
border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<br />
<div id="toc">
<script src="http://yourjavascript.com/15852197411/tipblogbaru-sitemap.js" type="text/javascript"></script>
<script src="http://seoptimazer.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

• Ganti kode yang bertanda merah dengan alamat URL blog anda
• Kemudian publikasikan
• Selesai.

Bagaimana mudah bukan ? 

Demikian artikel dari saya tentang Cara Membuat Daftar Isi Di Blog kurang lebihnya mohon dimaafkan, semoga bermanfaat dan selamat mencoba. Terima kasih.

Tag : Blog