Membuat Daftar Isi Berjalan

Artikel ini merupakan kelanjutan dari artikel sebelumnya yaitu tentang membuat Daftar isi. Kali ini daftar isi yang akan kita buat yaitu daftar isi yang dapat berjalan dari bawah ke atas. dengan demikian dapat menghemat tempat yang kita gunakan. 
caranya gampang kita tinggal mengganti script  berikut 



<div style="border: 2px solid rgb(51, 255, 51); overflow: auto; height: "350px;" margin="5px" ;>


pada bagian atasnya dengan script :


<p><marquee direction="up" onmouseout="this.start();" onmouseover="this.stop();" scrollamount="1" scrolldelay="3" align="left"><font face="Arial, Helvetica, sans-serif" color="#000000">


Ok, untuk lebih jelasnya kita langsung mencoba....


1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget".
3. Lalu pilih 
HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.




<p><marquee direction="up" onmouseout="this.start();" onmouseover="this.stop();" scrollamount="1" scrolldelay="3" align="left"><font face="Arial, Helvetica, sans-serif" color="#000000">
<script style="text/javascript" src="http://adesanusi.googlepages.com/daftar-isi.txt"></script>
<script style="text/javascript">
var numposts = 100;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://girimaulana21.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</font></marquee></p>

5. Lalu simpan


Keterangan:
Untuk kode berwarna merah silakan diganti nilainya sesuai selera sobat
Ganti 
girimaulana21.blogspot.com dengan url blog masing-masing :)
var numposts : Jumlah Daftar posting yang ditampilkan
var showpostdatemenampilkan tanggal (false berarti tidak ditampilkan)
var showpostsummarymenampilkan ringkasan posting
var numchar : jumlah karekter post summary
rgb(51, 255, 51) 
 warna border daftar isi
dan huruf yang bercetak miring adalah script yang di tambahkan
sekian semoga berhasil.....

0 comments:

Post a Comment

.