Latest Archive :
Home » , » Membuat Daftar Isi Otomatis 2

Membuat Daftar Isi Otomatis 2

Written By Ferryxz on Sabtu, 14 Juli 2012 | 17.43

Langsung saja tanpa panjang lebar lagi saya menulis dan tentu'y anda akan bosan membaca'y... hehehe,, Ngarang x,,


Membuat Daftar Isi Sidebar
1. Login ke akun Blogger sobat
2. Klik menu Rancangan.
3. Klik Tambah Gadget  > Pilih/klik HTML/Javascipt.
4. Masukan kode berikut ini

<script src="http://kcdaftarisi.googlecode.com/files/daftarisi.js" type="text/javascript">
</script>
<script src="http://ferryxzyamato.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>


5. Klik Simpan.

Membuat Daftar isi Blog Di Halaman
1. Login ke akun Blogger sobat
2. Klik Entri Baru > Edit Laman > Tambah Laman
3. Karena kode ini berbentuk javascript, maka Edit HTML pada kotak posting
4. Setelah Itu,masukan kode berikut di dalam kotak posting.


<script src="http://kcdaftarisi.googlecode.com/files/daftarisi.js" type="text/javascript">

</script>

<script src="http://ferryxzyamato.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script>



5. Setelah selesai Terbinkan Entri/Publikasikan.



Catatan: Ganti Tulisan berwarna Biru dgn Alamat URL anda.


++++++++++++++++++++++++++++++++++++++++++


##Untuk memperindah lagi kita bisa menambahkan Scroll/Ruler, seperti terlihat dibawah.
Cara'y tinggal menambahkan kode ini:


<div style="overflow:auto;width:280px;height:220px;padding:10px;border:1px solid #eee"> SCRIPT DIATAS </div>


##Catatan warna: orenge > lebar, kuning > tinggi


##Contoh: 


<div style="overflow:auto;width:280px;height:220px;padding:10px;border:1px solid #eee"> <script src="http://kcdaftarisi.googlecode.com/files/daftarisi.js" type="text/javascript">

</script>

<script src="http://ferryxzyamato.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script> </div>




Arsip
Share this article :

0 komentar:

Tell us what you're thinking... !

 
Copyright © 2013. Ferryxz Yamato II - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger