Cara Mudah Membuat Daftar Isi Blog berdasarkan Label - Tutorial Blog

Baca Juga

Cara Mudah Membuat Daftar Isi Blog berdasarkan Label - Menjadi suatu keharusan bagi seorang blogger dalam membangun harus melengapi widget agar dapat dengan mudah memberikan informasi kepada penggunjug. Salah satunya adalah dengan membuat daftar isi yang bisa di sesuaikan dengan label postingan yang telah dibuat oleh kalian.

Jadi melalui blog ini saya akan share scrip untuk membuat daftar isi blog berdasarkan label di blog secara otomatis yang memang script ini sudah banyak yang menggunakan. Seperti apa dan bagaimana cara memang script tersebut. akan admin uraikan dibawah ini.

Cara Mudah Membuat Daftar Isi Blog berdasarkan Label - Tutorial Blog

Daftar Isi di Blog merupakan sebuah halaman yang didalamnya terdapat seluruh postingan atau artikel yang telah kita tulis.

Daftar isi blog mempunyai fungsi yang banyak bagi suatu blog, salah satunya adalah untuk memudahkan pengunjung / pembaca mencari artikel yang mereka sukai. Tentu saja hal ini akan membuat blog kita menjadi lebih bersahabat dengan pengunjung.

Nah, pada postingan kali ini saya akan berbagi tutorial untuk membuat daftar isi Blog berdasarkan label / kategori.

Jika di Blog sobat belum mempunyai daftar isi, maka tutorial ini wajib sobat baca jika sobat ingin mempunyai daftar isi di Blog sobat. Sebenarnya untuk membuat daftar isi sangat mudah, karena tidak diperlukan keahlian dalam kode CSS, HTML, maupun Javascript.

Baiklah, langsung saja sobat simak dan ikuti langkah-langkah dalam membuat daftar isi untuk Blog di bawah ini. 

Berikut Script nya:
<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: #3498DB;
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{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc">
<script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="http://www.anen.web.id/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
Caranya adalah sebagai berikut:

  • Masuk ke Blogger [https://www.blogger.com/about/?r=1-null_user] dan pilih blog sobat.
  • Kemudian pilih menu Laman > Laman Baru
    Cara Mudah Membuat Daftar Isi Blog berdasarkan Label
  • Pilih mode HTML 
    Cara Mudah Membuat Daftar Isi Blog berdasarkan Label
  • Copy dan paste kode diatas ini tepat didalam mode HTML tersebut.
  • 5. Terakhir, klik Publikasikan
Untuk warna biru, silahkan kalian ganti dengan Url blog kalian

Baiklah, itu saja yang dapat saya informasikan mengenai Cara Mudah Membuat Daftar Isi Blog berdasarkan Label, semoga bermanfaat dan selamat mencoba
Cara Mudah Membuat Daftar Isi Blog berdasarkan Label - Tutorial Blog Salah satu informasi yang dapat kami bagikan untuk memberikan kemudahan dalam mengakses beberapa informasi yang anda butuhkan, selain itu juga bisa digunakan sebagai bahan perbandingan atau suatu referensi untuk anda. Lihat juga informasi lainnya yang mungkin anda butuhkan dibawah ini.