CARA MEMBUAT DAFTAR ISI BLOG SIMPLE BERDASARKAN LABEL

Cara Membuat Daftar Isi Blog Simple Berdasarkan Label - Membuat daftar isi pada blog berdasarkan label atau kategori posting sangat baik, bagus untuk mesin pencari juga user.

CARA MEMBUAT DAFTAR ISI BLOG SIMPLE BERDASARKAN LABEL

Dengan membuat Daftar pada Blog sobat akan memudahkan pembaca,pengunjung ke blog sobat dapat mudah  mengakses bagian-bagian atau konten blog secara cepat dan mencari tulisana, artikel, atau posting yang mereka butuhkan.

Dengan sobat membuat Menu navigasi daftar isi ini juga dianjurkan Google guna memudahkan user menjelajahi blog kita. Google memang "selalu berpihak" pada user. Apa yang disukai user, disukai pula oleh Google.

Daftar Isi : Klik DEMO

Bagaimanakah cara membuatnya sobat bisa ikuti langkah langkahnya:.

Cara Membuat Daftar Isi Blog

1. Klik menu Halaman (Page) di Dashboard Blog

2. Klik New Page (Halaman Baru)
    Isi nama halaman dengan Sitemap, Peta Situs, atau Daftar Isi

3. Klik tombol mode HTML

Untuk Daftar isi Blog Sobat bisa Copy dan Paste salah satu kode HTML daftar isi di bawah ini:

4. Klik Publish!

Pertama Kode Kode Daftar Isi Blog Simple Berdasarkan Kategori/Label 

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>
<script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>
<script src="http://contohblognih.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

Kode Lainnya:

<style>
p.labels a {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 8px;
    background: #555;
}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
.sitemap-link{display:none}
</style>
<script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

Kode Alternatif Daftar Isi Blog Simple:

Biar tampilan daftar isi "Lebih Menarik bisa gunakan kode di bawah ini:

<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>
<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://contohblognih.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Kode Kedua Daftar Isi Berdasarkan Tanggal Publikasi

<script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
<script src="http://contohblognih.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Kode Ketiga Daftar Isi Berdasarkan Tanggal Publikasi Plus Kotak

<div style="background-color: none; border: 1px solid #000000; height: 400px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;">
<script src=" http://mastergomaster.googlecode.com/files/daftar%20isi%20blog.js "></script>
<script src="http://contohblognih.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Oke sobat itu tadi Kode kode Untuk membuat daftar Isi Blog Selain sitemap daftar isi berdasarkan label kategori dan berdasarkan tanggal,dan  masih banyak kode daftar isi yang lainnya, selamat mencoba semoga bermanfaat.

Tweet

Postingan terkait:

Ditulis rednetzone — Friday, March 24, 2017 — Add Comment — TIPS BLOGGING