Widget Daftar Isi Blog V3

Blog tanpa daftas isi bagaikan laki-laki tanpa wanita, ckckckck . . . yah pokoknya bila ada blog trus gak ada daftas isinya pasti akan kurang sempurna, setuju? yang setuju angkat tangannya? kegunaan memasang daftar isi adalah untuk memudahkan pengunjung untuk mengetahui semua isi dari blog kita jadi pengunjugn gak bakalan bingung.
Sebelumnya blog ini juga pernah membahasa wiget daftar isi yang berjudul: Cara Membuat Daftar Isi + Dengan Scroll - Membuat Daftar Isi Plus Dengan Label dan kali ini wiget ini saya beri judul Widget Daftar Isi Blog V3, sebenarnya V3 adalah versi blog ini sendiri karna saya gak tau mau ngasi judul apa, hehehe . . . lagian judul itu gak penting, yang penting adalah isinya, benerkan? sekian dulu dah basa-basinya, kalo sobat ingin memasang Widget Daftar Isi Blog V3 ini sobat bisa ikuti langkah berikut, o iya contoh wigetnya seperti gambar berikut:

Widget Daftar Isi Blog V3

Gimana berminat? kalo iya sobat cukup ikuti langkah-langkah berukut:

Cara pemasangan:
1.Login ke blog sobat.
2.Pada menu pilih Rancangan  ➨  Tambah gadget ➨ Pilih HTML/Javs Script.
3.Selanjutnya copy/paste kode berikut kedalamnya

<div style="overflow:auto;

 height:350px;
 border:1px solid #990000;
 font-family:Arial Narrow;
 background:#ffffff;
 font-size:100%;
 ">
 <ul style="
 list-style-type:decimal-leading-zero;
 margin-left:5px;
 ">
 <script type="text/javascript" async="" src="https://apis.google.com/js/plusone.js"></script><script src="http://otowebsite.googlecode.com/files/table%20of%20contents%20otowebsite.js" style="text/javascript">
 </script><span><strong><a href="http://otowebsite.blogspot.com" style="font-size:60%;width :auto; padding:0 3px 1px 2px;border-bottom:0px solid #D8D8D8; width:auto; font-family:Arial Narrow;background:none; text-decoration: none;color:#BDBDBD;">List Of Contents Widget</a></strong> </span>

 <script style="text/javascript">
 var displayDate=true;
 var newLabel=1;
 </script>

 <script src="http://URLBlogmu.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loctable"></script><li style="margin-top:2px;"><a href="http://otowebsite.blogspot.com/" rel="external" target="_blank">Oto Website</a><span style="font-size:65%; font-family:Arial Narrow; color:#990000;"> New !</span>
<span style="font-size:75%; font-family:Arial narrow;"> Date: January - 23, 2005</span>
</li></ul></div> <a href="http://otowebsite.blogspot.com/" target="_blank">Get this widget</a>

4.Simpan.

Keterangan:
Ganti http://URLBlogmu.blogspot.com/ dengan URL blog sobat
height:350px;  adalah ukuran tinggi , silahkan sobat ganti sesuai dengan selera.
border:1px adalah ukuran ketebalan garis bingkai, bisa sobat tebalkan lagi seperti menjadi 2px dan seterusnya.
background:#ffffff;adalah kode warna background, sobat bisa menggantinya dengan melihat disini Kode Warna V1 - Kode Warna V2 atau Kode Warna V3.
font-size:100%;  < adalah ukuran font jik kurang besar fontnya bisa sobat ganti menjadi 150% dan sebagainya.

Kalo sobat kurang suka dengan Widget Daftar Isi Blog V3 mungkin sobat bisa baca Cara Membuat Daftar Isi + Dengan Scroll atau Membuat Daftar Isi Plus Dengan Label.

Sekian dulu untuk postingan/articles kali ini semoga bisa bermanfaat untuk sobat semua.

Bagaiman apakah sobat berhasil menerapkannya ke blog sobat?
Silahkan tinggalkan tanggapan/komentar sobat tentang postingan/articles di atas!