Hai sob dalam postingan kali ini saya akan membahas tentang cara Membuat Daftar Isi. Jika biasanya kita membuat postingan dengan widget standar,maka kali ini saya akan memberikan info tentang cara membuat daftar isi dengan kode script.nah untuk memasangnya adalah dengan cara;
  • masuk ke blog.
  • menuju ke rancangan.
  • tambah widget.
  • pilih HTML/Java Script.
  • masukkan kode.
  • lalu simpan.
untuk kodenya,sob bisa memilih salah satu kode berikut,terserah yang mana aja pokoknya yang sob suka.

1.Daftar Isi + dengan Scrol.

Contoh gambar
Jika sobat suka dengan widget daftar isi di atas sobat bisa mengcopy code scriptnya di bawah ini dan pastekan di wiget html/java script blog anda.


<div style="border: 1px solid rgb(0, 0, 0); height: 200px; overflow: auto;">
<script src="https://sites.google.com/site/bloggermyblog/TableOfContents.js">
</script>
<script>
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
var shownumposts = true;
</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;max-results=999&amp;callback=showrecentposts">
</script></div>
<div align="right" style="font-size: 11px; padding: 16px 5px 5px;">
<a href="http://otowebsite.blogspot.com" style="color: black;" target="_blank">Get Wigets</a></div>


anda tidak perlu mengubahnya,karna ini adalah script standart.
pastekan di widget anda,simpan dan lihat hasilnya.

Posting Komentar Blogger Disqus

  1. Sesui dengan pesan anda.. saya ingin berkomentar bahwa silaturahmi tidak memandang apapun. suatu artikel adalah hal penarik suatu silaturahmi, salam kenal ditunggu kunjungannya di Http//www.di-cb.blogspot.com.
    Nice Blog.

    BalasHapus
Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top