Typepedia.blogspot.co.id

Cara Membuat Daftar Isi Otomatis Di Blog

Membuat Daftar Isi Otomatis
Cara Membuat Daftar Isi Otomatis Di Blog - Pada kali ini kita akan membuat daftar isi otomatis atau cara membuat sitemap sederhana menurut label di blog. Berbicara mengenai daftar isi otomatis, pasti kita sering melihatnya di halaman depan setiap buku. Membuat Daftar Isi Otomatis dapat mempermudah pembaca untuk mencari subjudul yg ingin dibaca. Sama seperti daftar isi buku, daftar isi otomatis juga berguna untuk memudahkan pembaca mencari artikel yg relevan dengan mudah. Daftar isi otomatis ini tidak perlu di update secara manual, karena setiap artikel terbaru akan langsung tertera secara otomatis sesuai dengan label. Berikut cara membuat daftar isi otomatis di blog.

Demo

CSS Daftar Isi Otomatis

  • Login ke blogger.
  • Pada dashboard, klik template, kemudian edit html.
  • pastekan css daftar isi otomatis berikut diatas ]]></b:skin>.
#daftar-isi{width:100%}#daftar-isi h2{font-size:14px;font-weight:400;text-transform:uppercase;padding:10px;background:#ff5848;border:1px solid #ff5848;border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px;color:#fff}#daftar-isi h2 a{color:#fff}#daftar-isi ol{font-size:14px;-webkit-padding-start: 0;border:1px solid #ddd;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-top:-5px;list-style:none}#daftar-isi h3{font-size:14px;font-weight:400;border:0;display:inline}#daftar-isi li {padding: 5px;border-bottom: 1px dashed #ccc;}
  • Klik Simpan

Script Daftar Isi Blog Otomatis

  • Login akun blogger.
  • Pada menu dashboard pilih dan klik Laman.
  • Kemudian klik Laman baru, lalu Laman kosong.
  • klik HTML.
  • Pastekan script daftar isi otomatis berikut
  • Klik publikasikan

Pengaturan

<script src="http://typepedia.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
Sebelum anda mempublish halaman, ubah tulisan warna merah dengan url. Untuk tulisan warna biru adalah jumlah maksimal dari postingan yg akan muncul. Demikianlah tutorial saya mengenai cara membuat daftar isi otomatis atau cara membuat sitemap sederhana menurut label di blog. Semoga artikel ini dapat bermanfaat bagi kita semua.
2 Comments Blogger


Join This SiteInstagram